React Projesi Oluşturma

1. Vite ile React projesi oluşturun:

npm create vite@latest proje-adi -- --template react-ts

2. Proje dizinine gidin ve bağımlılıkları kurun:

cd proje-adi
npm install

3. Geliştirme sunucusunu başlatın:

npm run dev

4. Tailwind CSS ekleyin:

npm install -D tailwindcss @tailwindcss/vite

5. vite.config.ts dosyasına Tailwind eklentisini ekleyin

6. src/index.css dosyasına ekleyin:

@import "tailwindcss";

7. React Router ekleyin:

npm install react-router-dom

8. Temel bileşen yapısı:

src/
  components/
  pages/
  hooks/
  lib/
  App.tsx
  main.tsx

9. Production build:

npm run build

10. Build çıktısı dist/ dizininde oluşur