Blog Post Folder Structure

├── public
|     └── favicon.ico
├── src
    ├── components
    |     ├── header
    |     |     └── Header.jsx
    |	  ├── home
    |     |     ├── detail
    |     |     |      |── Comments.jsx
    |     |     |      |── DetailPost.jsx
    |     |     |      └── User.jsx
    |     |     ├── mobile
    |     |     |      |── AllList.jsx
    |     |     |      └── Button.jsx
    |     |     ├── Jumbotron.jsx
    |     |     ├── ListPosts.jsx
    |     |     └── ListUsers.jsx
    |     ├── layout
    |     |     └── main-layout.jsx
    |     ├── user
    |     |     ├── update
    |     |     |      |── Form.jsx
    |     |     |      └── ListPostUpdate.jsx
    |     |     ├── ButtonUserPage.jsx
    |     |     ├── CreatePost.jsx
    |     |     ├── DeletePost.jsx
    |     |     ├── UpdatePage.jsx
    |     |     └── UserPage.jsx
    |     └── index.js
    ├── pages
    |     ├── detail-post
    |     |     └── [id].js
    |     ├── user
    |     |     └── index.js
    |     └── _app.js
    |     └── _document.js 
    |     └── index.js
    ├── styles
    |     └──  globals.css
|
├── .gitignore
├── package-lock.json
├── package.json
├── .env.example
├── .eslintrc.json
├── jsconfig.json
├── next.config.json
├── postcss.config.js
├── tailwind.config.js
├── task-list.md
└── README.md