Next.js 14 Basic Blog

A basic blog using Next.js 14 to create, view, edit and delete posts.

Demo

Here is a demo link for this project.

Scripts

Run locally

Run in development mode

npm run dev

Run in production mode

npm run start

Test

npm run test

Build

npm run build

Lint

npm run lint

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

Structure

project/
├── __mocks__/ Mocks for tests
├── app/ All pages are located here
├── constants/ Self descriptive
└── models/ API related types
├── providers/ Self descriptive
├── queries/ React queries for client side data fetching
├── styles/ Shared styles
├── types/ Non API related types
├── utils/ Utility functions

Testing

Unit and snapshot tests using:

• Jest
• React Testing Library

Tests are located next to the file/component being tested.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!