Article
The structure of a frontend project
Start from the folders. A scaffold creates the skeleton, the framework decides how pages are organized, and tests and code standards guard every AI change.
Framework
Start from project structure: scaffolding, framework, tests, and code standards.
Articles
Entries
- EntryTop pick
Vite + React
The most versatile frontend starting point. Vite runs the dev server and build, React handles the UI, and AI knows this pair best.
- EntryAlternative
Next.js
A React framework with server rendering and full-stack features. The most capable option, and the one with the most concepts. Choose it when you need it.
- EntryTop pick
Vitest + Playwright
Vitest runs unit tests, and Playwright runs user flows in a real browser. The more the AI changes, the more you need both layers.
- EntryTop pick
Biome
One tool for formatting, linting, and import sorting. It replaces the ESLint + Prettier combination with a single config file.