📌 Get Started with Next.js – To-Do List ✅

This is a Next.js project bootstrapped with create-next-app. It’s a beginner-friendly To-Do List app that helps users manage tasks efficiently while learning Next.js, React Hooks, and Tailwind CSS.

🚀 Features

✅ Add, Toggle, and Delete Tasks – Easily manage daily tasks.
✅ Data Persistence with Cookies – Tasks remain after page refresh.
✅ Dark Mode Support – Automatically adapts based on user preferences.
✅ Next.js API Routes – (If backend is added) Handles task management efficiently.
✅ Tailwind CSS for Styling – A clean and modern UI with responsive design.

🛠️ Getting Started

First, install dependencies:

npm install

Then, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

📂 Folder Structure

📁 nextjs-todo/
 ┣ 📂 components/        # Reusable React components
 ┃ ┣ 📜 TodoItem.js      # Single to-do item component
 ┣ 📂 pages/             # Next.js pages
 ┃ ┣ 📜 index.js         # Main page (To-Do List)
 ┣ 📂 public/            # Static assets
 ┣ 📜 styles/            # Global styles
 ┣ 📜 package.json       # Dependencies & scripts
 ┗ 📜 README.md          # Project documentation

📡 API Routes

API routes can be accessed at:
http://localhost:3000/api/hello

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

🌍 Deploy on Vercel

The easiest way to deploy this Next.js app is using Vercel:

For detailed deployment instructions, check out Next.js Deployment Documentation.

📚 Learn More

To learn more about Next.js, check out:

• 📖 Next.js Documentation – Learn about Next.js features and API.
• 🎓 Learn Next.js – Interactive Next.js tutorial.
• 🏗️ Next.js GitHub Repository – Open-source contributions are welcome!

🤝 Contributing

Contributions are welcome! Feel free to fork this repository, create a new branch, and submit a pull request.

📜 License

This project is open-source and available under the MIT License.

🔥 Happy Coding! 🚀 Let me know if you need any changes!