DevKit

DevKit is a modern developer tools discovery page built with Next.js App Router. It provides a searchable, category-based showcase of tools for developers (AI tools, hosting, components, and more).

Preview

• Page title: DevKit
• Hero title: Discover tools built for modern developers
• Local URL: http://localhost:3000

Tech Stack

• Next.js 16 (App Router)
• React 19
• TypeScript
• Tailwind CSS 4
• Lucide React (icons)

Project Structure

• app/: Next.js routes and page-level components
• components/: shared UI, layout, sections, and background effects
• lib/: utility helpers
• public/: static assets

Getting Started

1. Install dependencies

npm install

2. Start development server

npm run dev

Open http://localhost:3000 in your browser.

Build For Production

1. Create production build

npm run build

2. Start production server

npm run start

Lint

npm run lint