Live Site

this is a respository for an next JS blog app with graphql request.hope you enjoy it

Folder Structure

.
|   .env
|   .eslintrc.json
|   .gitignore
|   next.config.js
|   output.doc
|   package-lock.json
|   package.json
|   postcss.config.js
|   README.md
|   tailwind.config.js
|   
+---components
|   |   index.js
|   |   Layout.jsx
|   |   Loader.jsx
|   |   
|   +---Author
|   |       Author.jsx
|   |       index.js
|   |       
|   +---Categories
|   |       Categories.jsx
|   |       index.js
|   |       
|   +---Comments
|   |       Comments.jsx
|   |       CommentsForm.jsx
|   |       
|   +---Footer
|   |       Footer.jsx
|   |       index.js
|   |       
|   +---Header
|   |       Header.jsx
|   |       index.js
|   |       
|   +---PostCards
|   |       index.js
|   |       PostCard.jsx
|   |       
|   +---PostDetail
|   |       index.js
|   |       PostDetail.jsx
|   |       
|   +---PostWidget
|   |       index.js
|   |       PostWidget.jsx
|   |       
|   \---Sections
|           FeaturedPostCard.jsx
|           FeaturedPosts.jsx
|           
+---pages
|   |   index.js
|   |   _app.js
|   |   
|   +---api
|   |       comments.js
|   |       
|   +---category
|   |       [slug].js
|   |       
|   \---post
|           [slug].js
|           
+---public
|   |   bg.png
|   |   icons8-react-100.png
|   |   
|   \---font
|           MarkaziText-Roman-VF.ttf
|           
+---services
|       index.js
|       
\---styles
        globals.scss

how to Setup ::heavy_check_mark:

1: npm install
2: npm run dev