Next.js Blog App

NextJS blog app built by referring to this figma design

Techstack

• NextJS 14
• Tailwind CSS
• Tailwind Animated

Features

• Debounced search and tags input to limit http requests
• Search as you type
• Implemented fuzzy search for title, tags and description
• Filter by tags
• Optimized componets for server side caching for faster load time
• Optimized filteration for blogs
• Responsive UI
• Hover effect for Blog items

Prerequisites

Make sure you have the following installed on your machine:

• Node.js (version 20.x or higher)
• npm or Yarn or pnpm

Instructions to run locally

1. Clone the Repository

First, clone the repository to your local machine using Git:

git clone https://github.com/MD-AZMAL/nextjs-blog-app

2. Navigate to the Project Directory

Change into the project directory:

cd nextjs-blog-app

3. Install Dependencies

Install the necessary dependencies using npm or Yarn or pnpm:

Using npm:

npm install

Using Yarn:

yarn install

Using pnpm:

pnpm install

4. Run Development server

Start the development server:

Using npm:

npm run dev

Using Yarn:

yarn dev

Using pnpm:

pnpm run dev