Starbase adalah boilerplate situs web statis siap produksi yang menampilkan Webpack 5, TypeScript, PostCSS & Tailwind CSS yang dirancang untuk berintegrasi dengan penyedia hosting Jamstack modern seperti Vercel, Netlify, dan AWS Amplify. Mulailah membangun dalam hitungan menit dengan beberapa teknologi front-end paling canggih yang tersedia pada tahun 2024, didukung oleh pengalaman pengembang yang sangat sederhana dan berfitur lengkap.
Starbase dibuat oleh Brian Staruk sebagai panduan gaya kode pribadi dan boilerplate proyek yang fleksibel. Ini adalah pekerjaan berkelanjutan yang terus dipertahankan sejak awal tahun 2017 dengan fokus pada penerapan standar industri terkini dan menjaga semua dependensi tetap mutakhir.
"Kesederhanaan adalah kecanggihan tertinggi."
-Leonardo da Vinci
Misi utama Starbase adalah menjadi sangat sederhana; mudah dikonfigurasi, diperluas, dan diintegrasikan. Hal ini juga menjadikannya platform yang bagus bagi pengembang web untuk meningkatkan pengetahuan mereka tentang konfigurasi Webpack bare-metal, TypeScript, dan/atau Tailwind CSS.
Untuk memulai, jalankan perintah di bawah ini, yang akan memandu Anda melalui proses instalasi:
npx starbase@latest
Disarankan untuk menggunakan nvm (atau nvm-windows) untuk mengelola instalasi versi Node Anda. Jika Anda tidak akan menggunakan nvm, Anda harus merujuk ke file /.nvmrc
untuk memverifikasi versi Node Anda kompatibel dengan versi yang disarankan.
Mulailah dengan memastikan Anda menjalankan versi Node yang direkomendasikan, dan menginstal dependensi proyek:
nvm use
npm install
Perintah dev
akan menyajikan sumber proyek di http://localhost:3000. Setiap perubahan yang dilakukan dalam /src
akan mengkompilasi ulang sumber dan menyegarkan browser web Anda.
npm run dev
Perintah build
akan mengkompilasi dan mengecilkan sumber proyek ke dalam /dist
untuk integrasi atau penerapan.
npm run build
Starbase disiapkan untuk diterapkan ke root server web di lingkungan hosting seperti Vercel, Netlify, dll. Dengan demikian, semua aset (js, css, font, gambar, dll) direferensikan dengan jalur absolut.
Jika Anda ingin mereferensikan aset melalui jalur relatif, sehingga file .html
yang dikompilasi dapat didistribusikan dan dibuka di browser web tanpa memerlukan penerapan ke lingkungan hosting, Anda harus menghapus (atau mengomentari) publicPath
di /webpack/webpack.config.base.ts
.
Jika Anda ingin mempertahankan jalur absolut, tetapi mengaturnya ke subdirektori dan bukan root, Anda dapat mengubah nilainya alih-alih menghapusnya.
Starbase adalah perangkat lunak sumber terbuka dan gratis. Tolong bangun hal-hal luar biasa dengannya. Anda dapat membelikan saya bir saat Anda berada di Boston lagi, membintangi proyek tersebut dan memberi tahu teman, atau Anda dapat menghapus semua tanda asal dan memberi tahu rekan kerja Anda bahwa Anda yang membuatnya sendiri. Semuanya baik-baik saja!