Install and configure Vite plugins

Configure SSR with Vite

Set up proxy for API calls

vite/alias

Set up path aliases for imports

vite

alias

paths

resolve: { alias: { "@": path.resolve(__dirname, "src") } }

Configure path aliases to simplify imports and avoid relative path complexity.

Set up @ alias for src

resolve: { alias: { "@": path.resolve(__dirname, "src") } }

Set up components alias

resolve: { alias: { "@components": path.resolve(__dirname, "src/components") } }

Configure CSS preprocessors

Configure TypeScript with Vite

Configure PWA with Vite