Overview Introduction Next.js Comparison Architecture FAQ

🌱 Get Started Scaffold new app

📚 Guides Basics Routing Data Fetching Pre-rendering (SSG)Common Issues More <head> meta tags Authentication Static Directory (public/).server.js/.client.js/.shared.jsEnvironment Variables Internationalization (i18n)File Structure Paths Aliases Preloading HTML Streaming API Routes RPC Error Handling Debug Build Your Own Framework

Routing Filesystem Routing Route String Route Function Active Links Base URL Routing Precedence

🌍 Deploy Static hosts GitHub Pages Cloudflare Pages Netlify Other Serverless Cloudflare Workers Vercel AWS Lambda Netlify Functions Full-stack AWS Docker Other

🔌 Integration Data fetching Apollo (GraphQL)Relay (GraphQL)Telefunc (RPC)tRPC React Query Vue Query urql (GraphQL)gRPC Socket.IO Other Data store Vuex Redux Pinia PullState Other Authentication Auth.js CSS, styling, CSS frameworks Tailwind CSS daisyUI Windi CSS Vuetify CSS-in-JS styled-components styled-jsx MUI PrimeReact NextUI Bootstrap Grommet Mantine Sass / Less / Stylus Other UI frameworks React Vue Svelte Preact Solid Angular Other Server HTTPS Express.js Hono Nitro Deno Fastify Firebase Nginx Ruby on Rails PM2 Koa hapi H3 HatTip Other Other Markdown MDXEditor Tauri Other

⚙ API Core pageContextPagerouteLayoutConfig Error page +client.jsHooks data()guard()onBeforeRender()onHydrationEnd()onPageTransitionStart()onPageTransitionEnd()onBeforePrerenderStart()onPrerenderStart()more...Utils (server- & client-side)useData()usePageContext()ClientOnlythrow redirect()throw render()Utils (client-side)navigate()reload()prefetch()Utils (server-side)renderPage()escapeInjectinjectFilter()prerender()Settings ssrprerenderredirectsprefetchStaticAssetshooksTimeoutfilesystemRoutingRootpassToClientclientRoutingmetamore...

MDXEditor

To use MDXEditor make sure to load it only on the client-side.

See conversation and example here.

✍ Edit this page