|
1 | | -# React + TypeScript + Vite |
| 1 | +# Vite + React + TypeScript – Starter Template |
2 | 2 |
|
3 | | -# vite-react-ts-starter |
| 3 | +## 🚀 What is this? |
4 | 4 |
|
5 | | -# Vite React Typescript Starter Template |
| 5 | +This is a modern and minimal starter template for building React apps using Vite, TypeScript, and SCSS. It's designed for real-world production readiness, but light enough to be cloned and extended for personal projects. |
6 | 6 |
|
7 | | -Vite -> React -> TypeScript SWC |
| 7 | +Built with: |
8 | 8 |
|
9 | | -This is a starter template for using Vite -> React -> TypeScript. Scaffolded from Vite with TypeScript SWC. This includes the following additions: |
| 9 | +- ⚡ Vite (with SWC for fast builds) |
| 10 | +- ⚛️ React 19 |
| 11 | +- 🧠 TypeScript |
| 12 | +- 🎨 SCSS + CSS Modules |
| 13 | +- 🎯 React Router |
| 14 | +- 🛠️ ESLint + Prettier + EditorConfig |
10 | 15 |
|
11 | | -1.) React Router with page and navlink setup |
12 | | -2.) Typescript types for react router dom and anything else? |
13 | | -3.) SASS |
14 | | -4.) CSS modules for scoped classes |
15 | | -5.) css reset |
16 | | -6.) Dark / light theme |
17 | | -7.) Example component setup |
18 | | -8.) ESlint / Prettier config setup |
| 16 | +--- |
19 | 17 |
|
20 | | -Nothing super opinionated just modern best practices. |
| 18 | +## 📦 Features |
| 19 | + |
| 20 | +1. ✅ **React Router v6** with `NavLink` and layout-ready routing |
| 21 | +2. ✅ **TypeScript** setup with type safety and strict mode |
| 22 | +3. ✅ **SASS (SCSS)** with modular file support |
| 23 | +4. ✅ **CSS Modules** for scoped and safe styles |
| 24 | +5. ✅ **Global CSS Reset** |
| 25 | +6. ✅ **Dark/Light theme support** using CSS custom properties |
| 26 | +7. ✅ **Example Component** with SCSS modules and hooks |
| 27 | +8. ✅ **VS Code integration** (`.vscode/settings.json`, `.editorconfig`) |
| 28 | +9. ✅ **ESLint + Prettier** pre-configured for modern standards |
| 29 | + |
| 30 | +🔧 Nothing super opinionated. Just fast, clean, and extensible. |
| 31 | + |
| 32 | +--- |
| 33 | + |
| 34 | +## 🧑💻 Author |
| 35 | + |
| 36 | +Created by [@stefanbobrowski](https://github.com/stefanbobrowski) |
| 37 | +🌐 [https://stefanbobrowski.com](https://stefanbobrowski.com) |
| 38 | + |
| 39 | +--- |
| 40 | + |
| 41 | +## 📄 License |
| 42 | + |
| 43 | +Licensed under the **Apache License 2.0**. |
| 44 | +See [LICENSE](./LICENSE) for full details. |
| 45 | + |
| 46 | +--- |
0 commit comments