👨‍💻 nextjs-tailwind-graphql-storybook-jest-blog-starter

Next.js + Tailwind CSS + GraphQL + Storybook + Jest Blog starter packed with useful development features.

Made by Dimas N AL

Project for building my personal blog to learn NextJS, GraphQL, TailwindCSS, Storybook and Unit Testing. I'm using a starter template from nextjs docs here. the design Inspiration is from notion.so page.

Demo Here

Features

This repository is packed with:

• ⚡️ Next.js 12
• ⚛️ React 17
• 💨 Tailwind CSS 3 — Configured with Dark/Light Mode
• 📙 Storybook
• 🃏 Jest — Configured for unit testing
• 💎 GraphQL — GraphCMS

Getting Started

1. Clone this repo:

git clone https://github.com/dimasna/dimasna-blog.git

2. Install dependencies:

npm install

3. Run development server:

npm run dev

Open http://localhost:3000 with your browser to see the page.

Optional

command to run unit testing :

npm run test

command to run Storybook :

npm run storybook