farzadso / farzadso.github.io

My statically generated blog using Next.js, Markdown, and TypeScript

The blog posts are stored in /_posts as Markdown files with front matter support. Adding a new Markdown file in there will create a new blog post.

To create the blog posts this project uses remark and remark-html to convert the Markdown files into an HTML string, and then send it down as a prop to the page. The metadata of every post is handled by gray-matter and also sent in props to the page.

Scripts

Start development server

yarn dev

Build project

yarn build

Start production server

yarn start

Check types

yarn typecheck

Notes

This project uses Tailwind CSS. To control the generated stylesheet's filesize, this project uses Tailwind CSS' v2.0 purge option to remove unused CSS.

Tailwind CSS v2.0 no longer supports Node.js 8 or 10. To build your CSS you'll need to ensure you are running Node.js 12.13.0 or higher in both your local and CI environments.

In order to create the screenshots, use https://carbon.now.sh/ with the One Dark theme.