DevNote

A code snippet manager for developers — save, organize, search, and share code online.

DevNote helps developers save, organize, and share reusable code snippets — personal or team — in one searchable place.

Whether it's a reusable component, auth setup, Prisma schema, utility function, config file, or a complete source file, DevNote keeps everything tidy and easy to access whenever you need it.

---

Why DevNote?

Developers constantly reuse the same resources:

• Authentication setups
• API integrations
• UI components
• Database schemas
• Utility functions
• Configuration files
• Boilerplate code

Instead of digging through old projects, chat history, browser bookmarks, or random folders, DevNote gives you one central place to manage and reuse your development knowledge.

---

Features

📁 Personal Code Library

Store snippets, files, configs, and reusable resources. Search, filter by language, and sort the way you like.

🗂️ Collections

Organize snippets by topic, technology, or project.

🌍 Public Explore

Discover and browse public code snippets from other developers — like, copy, and reuse them.

🔗 Sharing

Share snippets via public links or a 9-character code.

Perfect for:

• Team collaboration
• Learning groups
• Classmates
• Open source projects

👥 Workspaces

Collaborate with multiple developers in shared workspaces and build a team knowledge base.

⚙️ Preferences

Tune your experience: sort order, default language, list density, code theme, font size, and line numbers.

📥 File Import

Import code directly from files (.ts, .py, .php, etc.) — language auto-detected.

📅 VS Code Extension (Planned)

Access DevNote resources directly inside VS Code.

---

Tech Stack

• Next.js
• TypeScript
• TailwindCSS
• Prisma
• PostgreSQL
• Auth.js (NextAuth v5)
• React Query
• Shiki
• Zustand
• Framer Motion
• CodeMirror

---

Roadmap

✅ Available

• Personal Code Library
• Collections
• Public Explore
• Sharing (links & codes)
• Workspaces
• Preferences
• File Import

📅 Planned

• VS Code Extension
• API Access
• Team Knowledge Base
• Advanced Workspace Permissions

---

Preview

Welcome Page

Login

Register

Dashboard

Sidebar Closed

Sidebar Open

Create Resource

404 Not Found

Error Page

---

Getting Started

Prasyarat

• Node.js 20+
• pnpm
• PostgreSQL (Neon / Supabase / lokal)
• Google OAuth Client (opsional, untuk login Google)

1. Clone & install

git clone <repository-url>
cd devnote
pnpm install

2. Environment variables

Ini monorepo — file env ada di apps/web/, bukan di root.

cp apps/web/.env.example apps/web/.env

Isi:

DATABASE_URL=       # koneksi database (boleh pooler)
DIRECT_URL=         # koneksi database tanpa pooler (untuk migrate)
AUTH_SECRET=        # generate: openssl rand -base64 32
GOOGLE_CLIENT_ID=
GOOGLE_CLIENT_SECRET=

Setup Google OAuth: di Google Cloud Console buat OAuth Client (Web application) dan tambahkan Authorized redirect URI:

http://localhost:3000/api/auth/callback/google

(untuk production tambahkan https://<domain-kamu>/api/auth/callback/google)

3. Database

pnpm --filter web db:generate
pnpm --filter web db:migrate

4. Jalankan

pnpm dev

Buka http://localhost:3000.

---

Built by flaid.my.id