Web Archives

A curated digital library featuring insightful articles on web development topics. Built with Next.js, TypeScript, and TailwindCSS.

Features

• 📚 Curated collection of web development articles
• 🔍 Search and filter articles by tags
• 🎨 Modern, responsive UI with custom design system
• 🔐 Admin authentication for content management
• 🌐 SEO optimized

Tech Stack

• Next.js - React framework
• TypeScript - Type safety
• TailwindCSS - Styling
• Next Auth - Authentication
• NUQS - URL Query State Management
• Zod - Schema validation
• React Hook Form - Form handling

Getting Started

1. Clone the repository:

   git clone https://github.com/nabeelcodes/web-archive.git

2. Install dependencies:

   pnpm install

3. Create a .env file with the following variables:

   NEXT_PUBLIC_URL=
   NEXT_PUBLIC_API_URL=
   NEXT_PUBLIC_CFW_URL=

4. Run the development server:

   pnpm run dev

Open http://localhost:3000 to view the app.

Project Structure

• /src/app - Next.js app router files
• /src/components - React components
• /src/designSystem - Theme and design tokens
• /src/utils - Utility functions and types
• /public - Static assets

Authors

• Nabeel Asif
• Mohit Kumar

License

This project is licensed under the MIT License - see the LICENSE file for details.