This is a blog made with Next JS, Typescript, & Tailwind.

See it for yourself at: https://sina-hgs.github.io/next-js-blog/

The project featuers many of the Next JS cutting edge abilities. The blog posts are markdown files made into html syntax with packages like grey-matter, remark, & rehype.

Each blog post has a page of it own with dynamic routing and metadata specific to its own (as seen in the screenshot below). The posts get rendered using SSG method while other components of the webpage are CSR or SSR.

The app also features a tailored not found page for routes that aren't available. This project uses the app folder routing method which was introduced in Next Js 13. The styling was done with TailwindCSS and is fully responsive with both dark mode and light mode.

To see the app for yourself either visit this link or download the project and run one of the command lines from below:

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

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