Rumah > hujung hadapan web > tutorial js > Pek Permulaan Projek Sampingan

Pek Permulaan Projek Sampingan

Barbara Streisand
Lepaskan: 2024-12-16 08:17:10
asal
190 orang telah melayarinya

Side Projects Starter Pack

Saya telah mengusahakan beberapa projek sampingan sejak beberapa tahun lalu dan telah mengenal pasti bahawa perkara yang paling penting ialah menyelesaikan sesuatu dengan cepat untuk mengesahkan sesuatu idea. Bahagian yang terbaik ialah anda boleh melakukan ini dengan sangat pantas pada masa kini, bukan hanya kerana model bahasa yang besar (AI), tetapi terutamanya kerana banyak alatan sedia ada dengan pengalaman pembangun yang hebat. Siaran berikut meringkaskan alatan yang boleh anda gunakan untuk membuat prototaip aplikasi hujung ke hujung.

Aplikasi Contoh

Untuk menunjukkan keupayaan ini, saya akan mempamerkannya dalam aplikasi yang menjejaki harga saham, meringkaskan mesej tentang saham tertentu dalam suapan dan menghantar e-mel. Memandangkan saya percaya adalah sangat penting untuk mengukur sama ada idea apl itu berjaya, analitis juga akan dilaksanakan!

Alatan

Alat berikut dipilih berdasarkan satu metrik: masa untuk memasarkan, yang mengukur seberapa cepat aplikasi akan tersedia kepada pengguna.

Pelanggan

Next.js, React Query, Tailwind & Shadcn

Saya rasa kombo ini bagus dan akan membantu anda membina aplikasi dalam beberapa jam.

Petua 1: Cuba v0.dev. Ia menjana keseluruhan UI untuk aplikasi contoh.

Petua 2: Semak semua perpustakaan TanStack; Saya juga menggunakan TanStack From.

Bahagian belakang

Supabase

Saya berpendapat bahawa Supabase akan menyelesaikan 80-90% keperluan bahagian belakang awal anda di luar kotak, terutamanya:

  • Pangkalan Data
  • Pengesahan
  • Storan (jika anda perlu memuat naik perkara seperti imej)

Selain itu, pertanyaan mereka seperti GraphQL adalah hebat!

Bun

Saya mendapati bahawa pendekatan terbaik ialah menulis skrip ringkas untuk tugasan mudah, seperti mendapatkan data dari suatu tempat dan menyimpannya. Ingat, yang penting ialah masa untuk memasarkan, bukan untuk menjadikannya sempurna.

Perkara yang menarik ialah Bun (masa jalan JavaScript yang pantas serupa dengan Node.js). Ia ialah:

  • Sangat pantas
  • Berfungsi di luar kotak dengan TypeScript
  • Mempunyai pemula projek yang bagus (mereka yang telah memulakan projek TypeScript akan tahu bahawa ia adalah menyakitkan)

Infrastruktur

Pendekatan terbaik ialah menggunakan GitHub untuk kawalan kod sumber, dan kemudian, berdasarkan keperluan anda, anda boleh menggunakan pelbagai alatan. Saya lebih suka Cloudflare dan Render (saya menjalankan tugas cron di sini).

Petua 1: Cloudflare menawarkan pengehosan percuma yang sangat murah.

Pemberitahuan

Cara paling mudah untuk menghantar e-mel pada masa kini ialah menggunakan Hantar Semula.

Analitis

Untuk analisis produk, Posthog adalah yang terbaik. Ciri terbaik yang anda akan dapati berguna ialah Main Semula Sesi (anda sebenarnya akan melihat cara pengguna anda menggunakan apl itu).

Petua 1: Jika anda ingin melihat bilangan orang yang melihat halaman pendaratan anda, saya menggalakkan anda menggunakan plausible.io (PS: anda tidak perlu menggunakan bar kuki).

Petua 2: Cloudflare juga mempunyai analitis.

Petua 3: Pastikan anda menggunakan proksi terbalik dengan Posthog. Next.js memudahkan untuk mengkonfigurasi.

Permohonan

Jika anda berminat, anda boleh menyemak aplikasi: Side Projects Starter Pack.

Anda juga boleh menyemak kod sumber: GitHub.

Kata Akhir

Terima kasih kerana membaca! Jika anda ingin menyokong kerja saya, anda boleh mengisi tinjauan yang sangat singkat. Ia amat bermakna bagi saya!

Atas ialah kandungan terperinci Pek Permulaan Projek Sampingan. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan