Bookmarket is a modern web application for managing and organizing your bookmarks. Built with Next.js, TypeScript, and leveraging cutting-edge technologies, Bookmarket offers a seamless and intuitive bookmarking experience.
- ✅ User Authentication (Clerk)
- ✅ Database Integration (Neon, Drizzle)
- ✅ CI/CD Pipeline (Vercel)
- ✅ URL Metadata Fetching
- ✅ Bookmark Management (Add, List, Delete)
- ✅ Link Preview
- ✅ Sticky Header
- ✅ Context Menu for Bookmarks
- ✅ Animated Vanishing Input for URL Entry
- ✅ Bookmark Editing
- Bookmark Categories
- Landing Page
- Loading Skeletons for Metadata Fetching
- Next.js
- TypeScript
- Tailwind CSS
- Drizzle ORM
- Clerk Authentication
- Tanstack Query (React Query)
- Framer Motion
- Radix UI
- Clone the repository
- Install dependencies:
pnpm install - Set up environment variables (see
.env.example) - Start the development server:
pnpm dev
/src/app: Next.js app router structure/src/server: Server-side code and database queries/src/styles: Global styles and Tailwind configuration/src/types: TypeScript type definitions/src/app/_core: Core components and utilities/src/app/_common: Common components and providers
/api/bookmarks: CRUD operations for bookmarks/api/metadata: Fetches metadata for given URLs
This project uses Tailwind CSS for styling. Custom styles and theme configurations can be found in:
Contributions are welcome! Please feel free to submit a Pull Request.