Docs Demo

Components

Nextbase Pro comes with Fumadocs built in. Which means you can use all the components and features that Fumadocs provides including the following:

Banner
Image with zoom
Folder view
Code blocks
Text
Callouts
Accordion
Tabs
... and more!

Hello World

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam euismod, nisi vel consectetur interdum, nisl nunc egestas nunc, vitae tincidunt nisl nunc euismod nunc. Sed euismod, nisi vel consectetur interdum, nisl nunc egestas nunc, vitae tincidunt nisl nunc euismod nunc.

Folder view

layout.tsx

page.tsx

global.css

package.json

Praesent maximus, ex id lacinia ultricies, nunc nunc ultricies nunc, vitae tincidunt nisl nunc euismod nunc. Donec euismod, nisi vel consectetur interdum, nisl nunc egestas nunc, vitae tincidunt nisl nunc euismod nunc. Sed euismod, nisi vel consectetur interdum, nisl nunc egestas nunc, vitae tincidunt nisl nunc euismod nunc.

Package install tabs

npm install next -D

Code blocks

config.js

const number = 1;
const string = 'Hello World';
const boolean = true;
const array = [1, 2, 3]; 
const object = {
  name: 'John',
  age: 30,
};

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla porttitor accumsan tincidunt. Curabitur aliquet quam id dui posuere blandit. Cras ultricies ligula sed magna dictum porta.

Text

Code with tabs

const number = 1;
const string = 'Hello World';
const boolean = true;

Callouts

Hello World

Accordion

An accordion component is perfect for displaying a list of items that can be expanded or collapsed. It can be used to display a list of questions and answers, a list of items, or a list of sections.

Docs Demo

Lorem ipsum dolor sit amet

Consectetur adipiscing elit

Nullam euismod, nisi vel consectetur

On this page