Nextify - Open sourec Template

---

Nextify template is a prebuilt template for building documentation sites using Next.js, Tailwind CSS, and Fumadocs.

Features:

Every feature in the nextify template comes from fumadocs itself.

• In-built dark and light mode
• Support the Blog, tag page and Page
• In-built Full-text Search functionality
• MDX support
• Syntax Highlighting
• Inbuilt components support
• Support the Next.js App Router and React server Component
• Tailwind CSS support
• I18n support
• Table of Contents
• Remote Source
• RTL Layout

Demo

Pictures

Get Started

First step is to clone the Nextify template from github using git.

git clone https://github.com/frontendweb3/nextify.git
cd nextify

Next install the node package.

pnpm install
# or
npm install

Lastly run the development server:

npm run dev
# or
pnpm dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

MetaData/Frontmatter

Frontmatter for creating new documentation file.

---title: Architecture of Nextifydescription: Architecture of Nextify template---
Ut ullamco et aliqua `fugiat quis` Lorem aliquip in.

Frontmatter for creating new Blog post.

---title: 10 Things You Most Likely Didn't Know About Health.description:
Culpa laboris aliquip ea consectetur mollit ea ipsum sint qui culpa laborisdolor adipisicing proident. Et officia consequat do nulla tempor cupidatatelit.date: 2022-11-12T08:05:53.939Zdraft: falsetags:
- Health
- Likely
- Didn't Knowcategory:
- Healthimage: /images/vegetables.jpgauthor: Curtis Lopez---
Cupidatat voluptate deserunt non ea exercitation sit consequat ullamco ex nostrud elit magna.

Frontmatter for creating new page.

---title: About usdescription: About the authordate: 2022-11-08T08:55:59.004Ztags:
- Blog
- Aboutauthor: Rajdeep Singh---
Cupidatat voluptate deserunt non ea exercitation sit consequat.

Card

Nextify supports two types of blog cards.

Card 1

You can enable it:

// app/(home)/layout.config.tsximporttype{HomeLayout}from"@/types";// shared configuration for site (home layout)exportconstbaseOptions: HomeLayout={card_type: {home: "Card_1",tag: "Card_1",},};

Card 2

You can enable it:

// app/(home)/layout.config.tsximporttype{HomeLayout}from"@/types";// shared configuration for site (home layout)exportconstbaseOptions: HomeLayout={card_type: {home: "Card_2",tag: "Card_2",},};

Learn More

To learn more about Next.js and Fumadocs, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.
• Fumadocs - learn about Fumadocs