Navigation: - Reduce logo and text size on mobile (w-6 h-6 -> w-8 h-8 on sm+) - Reduce spacing between nav items (space-x-2 -> space-x-4 on sm+) - Hide 'Dashboard' text on mobile, show icon only - Adjust padding and text sizes for all nav buttons - Add whitespace-nowrap to 'Get Started' button Hero section: - Responsive heading sizes (text-3xl -> text-6xl) - Responsive paragraph sizes (text-base -> text-2xl) - Responsive padding (py-12 -> py-20) - Responsive button sizes (px-6/py-3 -> px-8/py-4)
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.