A modern starter template for sentry.new featuring React 19, Vite 7, TypeScript, and Tailwind CSS v4.
- ⚡️ Vite 7 - Lightning-fast build tool and dev server
- ⚛️ React 19 - Latest React with improved performance
- 🎨 Tailwind CSS v4 - Latest version with simplified configuration
- 📘 TypeScript - Type safety and better DX
- 🔍 ESLint - Code quality and consistency
- 🎯 Modern tooling - Hot module replacement, fast refresh, and more
- Node.js 18+
- npm, yarn, or pnpm
# Install dependencies
npm install
# Start development server
npm run dev
# Build for production
npm run build
# Preview production build
npm run preview
# Run linter
npm run lint- React 19 - UI library
- Vite 7 - Build tool and dev server
- Tailwind CSS v4 - Utility-first CSS framework
- TypeScript - Type safety
- ESLint - Linting and code quality
This template uses Tailwind CSS v4 with the Vite plugin for optimal performance:
- No configuration required - Tailwind automatically detects your template files
- Simplified CSS - Just
@import "tailwindcss"in your CSS file - Lightning fast - 5x faster full builds, 100x faster incremental builds
├── src/
│ ├── assets/ # Static assets
│ ├── App.tsx # Main app component
│ ├── main.tsx # App entry point
│ └── index.css # Global styles with Tailwind
├── public/ # Public assets
├── index.html # HTML entry point
├── vite.config.ts # Vite configuration
├── tsconfig.json # TypeScript configuration
└── package.json # Dependencies and scripts
The template uses Tailwind CSS v4 with Sentry branding colors. To customize:
- Edit
src/index.cssfor global styles - Modify component classes in
src/App.tsx - Tailwind utilities are automatically available
TypeScript configuration can be modified in:
tsconfig.json- App TypeScript configtsconfig.node.json- Node/Vite config
If you are developing a production application, you may want to enable type-aware lint rules. See the TypeScript ESLint documentation for more information.
MIT