Frontend TypeScript Templates

Repository ini berisi kumpulan template proyek Frontend berbasis TypeScript dengan beberapa build tools modern: Vite, Webpack, ESBuild, dan Native ES Modules.
Setiap folder adalah proyek mandiri yang dapat digunakan sebagai starter kit.

📁 Struktur Repository

project-frontend-typescript/
├─ vite-ts/
├─ webpack-ts/
├─ esbuild-ts/
└─ esmodule-ts/

🚀 Template yang Tersedia

1. Vite + TypeScript (vite-ts/)

Fitur:

• Dev server sangat cepat (ESM-native)
• Hot Module Replacement (HMR)
• Build ringan dan cepat

Menjalankan project:

cd vite-ts
npm install
npm run dev

2. Webpack + TypeScript (webpack-ts/)

Fitur:

• Konfigurasi bundler fleksibel
• Menggunakan ts-loader untuk kompilasi TypeScript

Menjalankan project:

cd webpack-ts
npm install
npm run dev

3. ESBuild + TypeScript (esbuild-ts/)

Fitur:

• Bundling super cepat
• Setup minimal
• Cocok untuk proyek kecil & landing page

Menjalankan project:

cd esbuild-ts
npm install
npm run dev

4. Native ES Modules + TypeScript (esmodule-ts/)

Fitur:

• Tanpa bundler
• Output sangat bersih
• Cocok untuk demo, eksperimen, atau modul kecil

Menjalankan project:

cd esmodule-ts
npm install
npm run build
npm start

🔧 Teknologi yang Digunakan

• TypeScript
• Vite
• Webpack 5
• ESBuild
• Native Browser ESM
• Node.js & NPM

🎯 Tujuan Repository

• Starter project frontend modern
• Perbandingan berbagai build tools
• Dasar integrasi React, Vue, Svelte, dan TailwindCSS
• Referensi proyek freelance & kebutuhan corporate

📜 Lisensi

Tidak ada lisensi khusus.
Bebas digunakan dan dimodifikasi.

🤝 Kontribusi

Kontribusi terbuka untuk:

• Penambahan template framework (React/Vue/Svelte)
• Integrasi TailwindCSS
• Peningkatan struktur & developer experience

📞 Kontak

Maintainer: icaluwu
GitHub: https://github.com/icaluwu