8 |
22 | 9 | Hello World 10 |
11 |12 | You can open{" "} 13 | 17 | /docs 18 | {" "} 19 | and see the documentation. 20 |
21 |
20 |
31 |
33 | );
34 | }
35 |
--------------------------------------------------------------------------------
/content/docs/index.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Introduction
3 | description: Introduction about the nextify.
4 | ---
5 |
6 | ## What is Nextify?
7 |
8 | Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at semper mi. Vivamus egestas aliquam ipsum. Etiam non est eu justo eleifend porttitor vel ac lacus. Vestibulum et massa quis sem ultricies porttitor.
9 |
10 | Curabitur id mauris pulvinar, vulputate ex sit amet, blandit augue. Nunc laoreet, arcu at aliquam aliquam, velit ante fringilla odio, quis lobortis arcu orci ut lectus. Quisque sit amet sem dapibus mi euismod consequat. Nullam tortor magna, ornare a finibus euismod, commodo in risus.
11 |
12 | Nextify
32 |
24 |
25 | {author}
26 | -
27 | {dayjs(date).format("MMMM DD, YYYY")}
28 |
29 |
30 |
31 |
22 |
23 |
24 |
30 |
33 |
34 | Your article URL is copied.
35 |
36 |
37 |
38 |
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/content/docs/components/steps.mdx:
--------------------------------------------------------------------------------
1 | ---
2 | title: Steps
3 | description: Nullam nibh justo, ornare quis augue nec, hendrerit blandit mi. In hac habitasse platea dictumst.
4 | ---
5 |
6 | import { Step, Steps } from 'fumadocs-ui/components/steps';
7 |
8 | Add Steps to your documentation.
9 |
10 |
22 |
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/app/(home)/page/[slug]/page.tsx:
--------------------------------------------------------------------------------
1 | import { page } from "@/lib/source";
2 | import { notFound } from "next/navigation";
3 | import defaultMdxComponents from "fumadocs-ui/mdx";
4 | import { Fragment } from "react";
5 | import { Metadata } from "next";
6 |
7 | export default async function Page({
8 | params,
9 | }: {
10 | params: Promise<{ slug: string }>;
11 | }) {
12 | const { slug } = await params;
13 | const getPage = page.getPage([slug]);
14 | if (!getPage) notFound();
15 | const MDX = getPage.data.body;
16 | return (
17 |
23 | {image && (
24 |
38 |
39 |
40 |
41 | {" "}
42 | {title}{" "}
43 |
44 |
55 |
45 |
54 | Published by
46 | {author &&{author}
} 47 | {date && ( 48 |49 | {" "} 50 | on {dayjs(date).format("MMMM DD, YYYY")}{" "} 51 |
52 | )} 53 |
19 |
29 |
20 |
24 |
25 | 21 | {getPage.data.title} 22 |
23 |
26 |
28 |
19 |
36 |
37 | {/* Blog Content */}
38 |
39 | 20 | The latest and greatest news 21 |
22 |Lorem ipsum dolor sit amet elit ut aliquam
23 |
24 | {blog_nav &&
25 | blog_nav.map((nav) => (
26 |
31 | {nav.name}
32 |
33 | ))}
34 |
35 |
40 |
65 |
41 | {posts.map((post, index) =>
42 | card_type.home === "Card_2" ? (
43 |
64 |
32 |
61 | );
62 | }
63 |
64 | export function generateStaticParams() {
65 | const TagsList: { slug: string }[] = [];
66 | blog.getPages().forEach((post) => {
67 | if (post.data.tags) {
68 | post.data.tags.forEach((tag: string) => {
69 | const formatTag = slugify(tag, { lower: true, trim: true });
70 | if (formatTag) {
71 | TagsList.push({ slug: formatTag });
72 | }
73 | });
74 | }
75 | });
76 | return TagsList;
77 | }
78 |
79 | export async function generateMetadata({
80 | params,
81 | }: {
82 | params: Promise<{ slug: string }>;
83 | }): Promise33 | {" "} 34 | {getTitle}{" "} 35 |
36 |
37 | {relatedPosts.map((post, index) =>
38 | card_type.tag === "Card_2" ? (
39 |
60 |
34 |
71 | 35 | {post.data.title} 36 |
37 |
38 |
70 |
39 | {post?.data?.tags && (
40 |
44 | {post?.data?.tags[0]}
45 |
46 | )}
47 |
51 | 48 | {post.data?.author}, {post.data?.jobposition} 49 |
50 |
52 |
57 |
62 |
67 |
69 |
73 |
78 |
74 |
77 |
2 | 
3 |
Nextify - Open sourec Template
4 | 5 | 6 |
7 |
8 | 
9 | 
10 | 
11 | 
12 | 
13 | 
14 | 
15 | 
16 |
17 |
18 |
19 |
20 |
21 | ---
22 |
23 | **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).
24 |
25 |
26 |
27 | ### Features:
28 |
29 | Every feature in the nextify template comes from fumadocs itself.
30 |
31 | - In-built dark and light mode
32 | - Support the Blog, tag page and Page
33 | - In-built Full-text Search functionality
34 | - MDX support
35 | - Syntax Highlighting
36 | - Inbuilt components support
37 | - Support the Next.js App Router and React server Component
38 | - Tailwind CSS support
39 | - I18n support
40 | - Table of Contents
41 | - Remote Source
42 | - RTL Layout
43 |
44 | ## Demo
45 |
46 | 
47 |
48 | ### Pictures
49 |
50 | 
51 |
52 | 
53 |
54 | 
55 |
56 | 
57 |
58 | 
59 |
60 | 
61 |
62 | 
63 |
64 | 
65 |
66 | 
67 |
68 | ## Get Started
69 |
70 | First step is to clone the Nextify template from github using git.
71 |
72 | ```bash
73 | git clone https://github.com/frontendweb3/nextify.git
74 |
75 | cd nextify
76 | ```
77 |
78 | Next install the node package.
79 |
80 | ```bash
81 | pnpm install
82 | # or
83 | npm install
84 | ```
85 |
86 | Lastly run the development server:
87 |
88 | ```bash
89 | npm run dev
90 | # or
91 | pnpm dev
92 | # or
93 | yarn dev
94 | ```
95 |
96 | Open
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |