feat: use fumadocs for website #1654
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
* Added home and about pages * docs: Examples, footer, and remaining pages (#1784) * Added examples card grid and fixed demo styling * Added footer + remaining pages, cleaned up files * Removed unused Logo component * - Fixed home page contributors GH/Discord icons - Fixed CSS file imports - Removed codeblock/tabs from generated example MDX files (now handled by the `Example` component) - Fixed component imports in MDX - Refactored `Example` component - Various styling fixes - Added `meta.json` generation * Fixed pro examples + minor changes/fixes * Small fix * Small fix * Removed `console.log` * Added missing examples pages to meta * Small fix * Fixed build * Updated package lock * Updated lockfile * Fixed example path in playground * Implemented PR feedback * Updated page headings
There was a problem hiding this comment.
Nice! Not really a lot of questions about the code - so focused on testing the design / different pages.
Generic:
font is off (I don't think inter is used on current site)examples github link doesn't work- getting errors on pages like http://localhost:3002/docs/ui-components/formatting-toolbar
AI:
Do we need to merge in changes from main?
AI button doesn't show in headerAI preview banner has been removed (maybe need to merge in updates from main)
Navbar:
examples / docs aren't highlighted in navigation when that page is active- can we make the navigation more consistent between docs and main pages?
remove light / dark toggle from nav (keep in footer like existing site)
Other:
Let's walk through the pages together and manually compare them (maybe on a call), with specific attention to dark + light, responsive, etc. We can then see together what we do / do not want to fix. Some things I already noticed (outside of the above):
- dark mode sign in / sign up page looks a lot different
|
|
||
| If you're looking to work on BlockNote itself, check the [`packages`](/packages/) folder. | ||
|
|
||
| ## Getting Started |
There was a problem hiding this comment.
streamline with DEVELOPMENT or link to that file
|
|
||
| export const runtime = "edge"; | ||
|
|
||
| export async function GET(request: Request) { |
There was a problem hiding this comment.
TODO: make sure we test this when deployed
| import { Hero } from "./hero/Hero"; | ||
| import { Letter } from "./letter/Letter"; | ||
|
|
||
| export default function Home() { |
There was a problem hiding this comment.
why is this directory named (home)? Is this a route group? https://nextjs.org/docs/app/api-reference/file-conventions/route-groups ? Should it be? (as it's a single page, right?)
| import { baseOptions } from "@/app/layout.config"; | ||
| import { Footer } from "@/components/Footer"; | ||
|
|
||
| export default function Layout({ children }: { children: ReactNode }) { |
There was a problem hiding this comment.
trying to understand the setup, for which pages is this layout file used?
- Made Pro badge inline and on the right side of tabs - Moved sign in button to the right side - Fixed banner movement & styles - Made sidebar same bg color as page - Fixed auth page styling - Fixed CTA button text wrap - Reverted to fumadocs native theme toggle in footer - Reduced logo size in footer
This PR implements a new docs site, based on fumadocs.
I purposefully did not just update the existing docs site, so that we can compare the changes, and remove any cruft that may be left over.
So far, I've done the following:
What's left: