The Best Way To Start New Web Projects

Creating web projects used to be a chore, or a hassle. It would either serve you fully, or not at all.

Since vite came around, this is now my favorite way to start web projects, or at least, most of them. I’ll explain, but first:

“How do you create web projects?”

bun create vite
That’s it.

You can use npm or anything else, but the later two words are more important. It gives you various options, for so many frameworks:

bun create vite 
│ 
◇  Project name: 
│  example_project 
│ 
◆  Select a framework: 
│  ● Vanilla 
│  ○ Vue 
│  ○ React 
│  ○ Preact 
│  ○ Lit 
│  ○ Svelte 
│  ○ Solid 
│  ○ Ember 
│  ○ Qwik 
│  ○ Angular 
│  ○ Marko 
│  ○ Others 
└

And even its variants:

bun create vite
│
◇  Project name:
│  asdf
│
◇  Select a framework:
│  Svelte
│
◆  Select a variant:
│  ○ TypeScript
│  ○ JavaScript
│  ● SvelteKit ↗ (bun x sv create)
└

Try it out for your own projects, or maybe try creating example projects in various frameworks to get to know the tool!

“Why Did You Say Most?”

Most because not all frameworks are present in the menu, if you noticed. Some frameworks don’t use vite, and hence vite doesn’t have them listed there. For example:

• NextJS
• Remix
• Astro

But that doesn’t make it any less useful if what you want is in there duh.

Give it a try and maybe it will become your default too!