Next.js 14 powered blog. This project is a modern, fast, and responsive web application designed to deliver content beautifully and efficiently. Leveraging the latest features from Next.js 14, Tailwind CSS for styling, and Sanity.io as the Content Management System (CMS).
- Next.js 14: Utilizes the cutting-edge features of Next.js 14, including:
- Built-in Caching: Enhances performance by caching pages and static assets at the edge, reducing load times significantly.
- Dynamic Routes: Offers flexible routing mechanisms, allowing for the creation of SEO-friendly URLs based on our content from Sanity.
- Automatic Image Optimization: Integrated image component that optimizes and serves images in modern formats for faster page loads.
- Middleware: Leverages Next.js middleware for tasks like SEO enhancements and redirect handling directly on the server side.
- Incremental Static Regeneration (ISR): Updates static content without rebuilding the entire site, ensuring content is fresh while maintaining blazing fast speeds.
- Shadcn: Implements Shadcn, a robust UI component library, to create intuitive and beautiful user interfaces.
- Tailwind CSS: Employs Tailwind CSS for custom styling, enabling responsive design and a consistent look and feel across the blog.
- Sanity CMS: Integrates with Sanity.io to manage blog content seamlessly, providing a powerful and flexible backend for content operations.
To get this project up and running on your local machine, follow these simple steps.
- Clone the repository:
git clone https://github.com/hasham-qaiser/next14-blog- Navigate into the project directory:
cd next14-blog- Install dependencies:
npm install-
Set up your environment variables by creating a
.env.localfile with your Sanity project credentials and other necessary configurations. -
Start the development server:
npm run devThe application should now be running on http://localhost:3000.
This project is open-sourced under the MIT License. See the LICENSE file for more details.