Skip to content

README.md

Latest commit

聽

History

History
123 lines (79 loc) 路 1.98 KB

README.md

File metadata and controls

123 lines (79 loc) 路 1.98 KB
Raw

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