https://github.com/frontendweb3/nextify
Nextify is a pre built template for building documentation and blog website using Next.js and Fumadocs.
https://github.com/frontendweb3/nextify
documentation fumadocs nextjs nextjs-boilerplate nextjs-template nextjs14 tailwindcss
Last synced: 22 days ago
JSON representation
Nextify is a pre built template for building documentation and blog website using Next.js and Fumadocs.
- Host: GitHub
- URL: https://github.com/frontendweb3/nextify
- Owner: frontendweb3
- Created: 2024-08-01T16:38:27.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-12-03T09:03:19.000Z (5 months ago)
- Last Synced: 2025-04-12T00:56:24.916Z (22 days ago)
- Topics: documentation, fumadocs, nextjs, nextjs-boilerplate, nextjs-template, nextjs14, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 11.1 MB
- Stars: 11
- Watchers: 0
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-nextjs - Nextify - Nextify is a pre-built template for building documentation sites with blog using Next.js and Fumadocs. (Next.js blog template)
README
Nextify - Open sourec Template
---
**Nextify template** is a prebuilt template for building documentation sites using [Next.js](https://nextjs.org), [Tailwind CSS](https://tailwindcss.com), and [Fumadocs](https://fumadocs.vercel.app/docs/ui/comparisons).
### 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.
```bash
git clone https://github.com/frontendweb3/nextify.git
cd nextify
```
Next install the node package.
```bash
pnpm install
# or
npm install
```
Lastly run the development server:
```bash
npm run dev
# or
pnpm dev
# or
yarn dev
```
Open with your browser to see the result.
## MetaData/Frontmatter
Frontmatter for creating **`new documentation file`**.
```markdown
---
title: Architecture of Nextify
description: Architecture of Nextify template
---
Ut ullamco et aliqua `fugiat quis` Lorem aliquip in.
```
Frontmatter for creating **`new Blog post`**.
```markdown
---
title: 10 Things You Most Likely Didn't Know About Health.
description: Culpa laboris aliquip ea consectetur mollit ea ipsum sint qui culpa laboris
dolor adipisicing proident. Et officia consequat do nulla tempor cupidatat
elit.
date: 2022-11-12T08:05:53.939Z
draft: false
tags:
- Health
- Likely
- Didn't Know
category:
- Health
image: /images/vegetables.jpg
author: Curtis Lopez
---
Cupidatat voluptate deserunt non ea exercitation sit consequat ullamco ex nostrud elit magna.
```
Frontmatter for **`creating new page`**.
```markdown
---
title: About us
description: About the author
date: 2022-11-08T08:55:59.004Z
tags:
- Blog
- About
author: Rajdeep Singh
---
Cupidatat voluptate deserunt non ea exercitation sit consequat.
```
## Learn More
To learn more about Next.js and Fumadocs, take a look at the following
resources:
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js
features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
- [Fumadocs](https://fumadocs.vercel.app) - learn about Fumadocs