DevSnippets is a modern hub for developers to showcase their code genius. Securely store, share with beautiful themes, and discover community insights. Built for developers, by developers in a sleek, dark-themed environment.
 |
 |
 |
 |
 |
-
🎨 Syntax Highlighting: Beautiful code rendering with React Syntax Highlighter & Prism.js, supporting 22+ languages.
-
🔐 Secure Auth: Sign in with OAuth to manage your personal snippet collection.
-
🌍 Public & Private Snippets: Control visibility — share with the community or keep it private.
-
🔍 Explore & Discover: Browse and filter community snippets by language, category, and more.
-
📋 Instant Copy: One-click copy to clipboard with smooth visual feedback via React Hot Toast.
-
📱 Fully Responsive: Flawless experience across all screen sizes.
-
⚡ Fast & Modern: Built on Next.js App Router with server components for optimal performance.
- Frontend: Next.js 15 (App Router), React, Tailwind CSS, Lucide React
- Backend: Next.js API Routes, Supabase (PostgreSQL)
- Language: TypeScript
- Auth: OAuth (via Supabase Auth)
- Code Rendering: React Syntax Highlighter, Prism.js
- Notifications: React Hot Toast
- Deployment: Vercel
1. Clone the repository:
git clone https://github.com/omersengull/dev-snippets.git2. Install dependencies:
bun install # or npm install3. Set up environment variables:
Create a .env.local file in the root directory:
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key4. Run the development server:
bun devOpen http://localhost:3000 in your browser.
This project is licensed under the MIT License.
