GraphBlog

GraphBlog is a modern responsive CMS blog application complete with featured posts carousel, recent posts, categories, full markdown articles, author information, functional comments, and more. This projects is built using NextJS(React framework), TailwindCSS, hygraph (headless CMS), and GraphQL. GraphBlog is deployed via Vercel.

This project was completed as part of a tutorial via JavascriptMastery on YouTube. All images via Unsplash.

Live Demo

Next.js + Tailwind CSS Example

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

Deploy your own

Deploy the example using Vercel or preview live with StackBlitz

How to use

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

npx create-next-app --example with-tailwindcss with-tailwindcss-app

yarn create next-app --example with-tailwindcss with-tailwindcss-app

pnpm create next-app --example with-tailwindcss with-tailwindcss-app

Deploy it to the cloud with Vercel (Documentation).