Here's where I'm currently most productive:

1. 1. Framework (Svelte/SvelteKit, React/Next.js)

   I’ve been working with those since their early days. so I'm most productive here. I start all my projects with TypeScript.

2. 2. Code Editor

   I use vscode for long time but recently zed feels way better to me. Now this is my way to go editor of choice.

3. 3. Styling (Tailwind CSS)

   Building flexible, accessible components is difficult. You either use (and extend) a component library, or build your own.

4. 4. Database (Postgres and Prisma, sometimes Drizzle)

   Postgres is my go-to database. Prisma makes working with Postgres easy, type-safe, and fun. I can view and modify my data using Prisma Studio and run migrations with ease.

5. 5. AI (Claude and ChatGPT)

   It helps me edit, refactor, and debug code.

   It’s especially helpful for more tedious refactors, or restructuring/reformatting code. Since it has up-to-date knowledge of SvelteKit, Svelte, Next.js, React, Prisma, Drizzle, and other web tools, it give me great code suggestions.

6. 6. Coding Patterns

   • let > const most of the time
   • Larger files > many small components
   • Colocate code that changes often close together
   • Copy/paste is better than the wrong abstraction

7. 7. Deploment

   Vercel is my way to go for frontend deployment.

   Sometimes use Deno Deploy or a custom VPS based on need.