Home Blog Welcome to Nextbase v3!Getting Started with NextBase Quick setup

Admin Panel Guide Asynchronous Data Fetching Guide Authentication Creating Admin Panel Page Creating Docs Page Creating in-app notifications Creating a new Supabase table Creating a Protected Page Creating Public Dynamic Page Creating Public Static Page Handling Realtime Data With Supabase Managing Users Mutating Data With Supabase Optimizing Data Operations in Next.js 14 and Supabase Removing Internationalization Row Level Security Stripe Setup in Nextbase Ultimate Writing Integration Tests with Playwright Writing Unit Tests with Vitest

Guides

Creating Docs Page

Guide on how to create a docs page in Nextbase.

Docs are written using fumadocs.

Index page for docs is in a different layout mainly because fumadocs doesn't support index layouts. It only has a docs page which renders a single mdx page at a time.
All the actual docs are generated from content-collections. All the docs are written as mdx files in src/content/docs.
They are then converted into json files by content-collections.
Fumadocs and content collections work together to render the docs page.

page.tsx

layout.tsx

layout.tsx

page.tsx

global.css

getting-started.mdx

package.json

Creating Admin Panel Page

Guide on how to create an admin panel page in Nextbase.

Creating in-app notifications

Guide on how to create in-app notifications in Nextbase.