We recommend creating a new Next.js app using create-next-app, which sets up everything automatically for you to understand how nextjs works. To create a project, run:

yarn create next-app

After the installation is complete, follow the instructions to start the development server. Try editing pages/index.js and see the result on your browser.

To build a Basic Blog follow manual steps mentioned below.

Manual Setup

to create Nextjs, Tailwindcss, Markdown project Manually, first run:

Now add other additional modules to the project, run:

yarn add gray-matter react-markdown react-highlight

Now add styling modules, we will be using tailwindcss, run:

yarn add tailwindcss postcss-preset-env