Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/frontendweb3/nextify
Nextify is a pre built template for building documentation sites using Next.js and Fumadocs.
https://github.com/frontendweb3/nextify
documentation fumadocs nextjs nextjs-boilerplate nextjs-template nextjs14 tailwindcss
Last synced: about 1 month ago
JSON representation
Nextify is a pre built template for building documentation sites using Next.js and Fumadocs.
- Host: GitHub
- URL: https://github.com/frontendweb3/nextify
- Owner: frontendweb3
- Created: 2024-08-01T16:38:27.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-16T15:50:39.000Z (3 months ago)
- Last Synced: 2024-09-16T19:09:45.176Z (3 months ago)
- Topics: documentation, fumadocs, nextjs, nextjs-boilerplate, nextjs-template, nextjs14, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 7.55 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
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. (Nextjs based Template)
README
> In working stage
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
![Demo](./.github/images/nextify-demo.gif)
### Pictures
![Nextify](./.github/images/nextify.png)
![Nextify Documentation](./.github/images/nextify-docs.png)
![Nextify Blog](./.github/images/nextify-blog.png)
![Nextify Reading Page](./.github/images/nextify-reading.png)
![Nextify Page](./.github/images/nextify-page.png)
![Nextify Footer](./.github/images/nextify-footer.png)
![Nextify Footer](./.github/images/nextify-search.png)
## Get Started
First step is to clone the Nextify template from github using git.
```bash
git clone https://github.com/frontendweb3/Nextify.git
```
Next install the 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