Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

Awesome Lists containing this project

README

        

> In working stage




Nextify - Open sourec Template



pnpm
reactjs
nextjs
typescript
radix ui
tailwind css
markdown
mdx

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