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.

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.

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

Organize snippets by topic, technology, or project.

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

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

Perfect for:

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

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

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

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

Access DevNote resources directly inside VS Code.

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

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

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

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

git clone <repository-url>
cd devnote
pnpm install

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)

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

pnpm dev

Buka http://localhost:3000.

Built by flaid.my.id