Build a modern blog application with help of modern technologies like Reactjs,Nextjs. In this build created a home page and post detail page.All post fetched from GraphCMS with help of Graphql query.

Key Features

Read a post.
Comment on post.
Post by category.
Time stamp show when posted.
Fully responsive with help of tailwind css.

Key Technologies

React.js
Next.js
Tailwind css
Graphql
Graphcms

This example shows how to use Tailwind CSS (v2.2) with Next.js. It follows the steps outlined in the official Tailwind docs.

It uses the new Just-in-Time Mode for Tailwind CSS.

Preview the example live on StackBlitz:

Deploy the example using Vercel:

Execute create-next-app with npm or Yarn to bootstrap the example:

npx create-next-app --example with-tailwindcss with-tailwindcss-app
# or
yarn create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).