Download next kickstart - Download Kode Sumber next kickstart

next kickstart

Kode Sumber AI

1.0.0

Unduh

Next-KickStart

Fitur dikemas selanjutnya.js boilerplate. Pengaturan Zero. Edge siap.

Beberapa fitur bergantung pada variabel lingkungan (ditunjukkan dalam daftar fitur dengan) dan perlu mengaktifkan. Mereka dinonaktifkan secara default sehingga aplikasi berjalan tanpa pengaturan apa pun. Mereka dapat diaktifkan dengan membongkar semua baris di bawah tempat @enable {feature} muncul.

Fitur

Lihat Cabang Repositori untuk Set Fitur Lainnya (EG Bun)

Inti

TypeScript - dikonfigurasi untuk memaksimalkan keamanan jenis
T3 Env - Validasi Variabel Lingkungan
TRPC -Buat API Jenis-Uang Ujung Ujung yang berfungsi baik di komponen klien dan server
⚡ Websockets - komunikasi real -time (menggunakan Pusher, tetapi dapat ditukar dengan alternatif)
- ? terintegrasi dengan TRPC untuk acara jenis-aman ujung ke ujung
? Gerimis - ORM dengan keamanan jenis maksimal
Lucia Auth - Otentikasi yang fleksibel dan aman
- ? terintegrasi dengan gerimis untuk menyimpan data auth

Perkembangan

? Eslint - Standar Kode yang Konsisten
Prettier - Styling kode yang konsisten
? Tailwind CSS - Kerangka CSS Utilitas -First
? Shadcn/UI - Komponen yang dibangun dengan Radix UI dan CSS Tailwind
MDX - Gunakan Markdown dengan Komponen
? Impor absolut - impor modul yang lebih mudah dan lebih bersih
Konfigurasi kode vs - Konfigurasi untuk debugging yang mudah

Pengujian

? Vitest - Kerangka Pengujian Fleksibel
? React Testing Library - Pengujian Komponen yang Dapat Dipelihara
- ? terintegrasi dengan Vitest sebagai kerangka pengujian Anda
? Playwright -Pengujian End-to-End Melawan Berbagai Lingkungan

Penyebaran

Bundle Analyzer - Analisis Ukuran Bundel di setiap lingkungan dengan pnpm run build:analyze
? Next -PWA - Jadikan situs web Anda sebagai Aplikasi Web Progresif (PWA)
? Docker - (Lokal dan Produksi) Docker -Compose dan Dockerfile untuk Berlari Di Mana Saja
Tindakan GitHub - CI/CD yang kuat

? Memulai

Opsi 1: Kloning dan sebarkan dengan Vercel

? Opsi 2: Klon dan jalankan secara lokal

Fork Repositori ini (hapus centang 'Salin cabang main Jika Anda tertarik dengan cabang / set fitur lainnya)
Klon Repositori Baru Anda
Instal dependensi dan jalankan server pengembangan

dengan PNPM
```
pnpm install
pnpm run dev
```

atau dengan Docker

docker-compose --file docker/dev/docker-compose.yml up

Konfigurasi

Buruh pelabuhan

.dockerignore
docker/ - Dockerfile dan Docker -Compose.yml untuk pengembangan dan produksi

Gerimis

(membutuhkan pengaktifan)

src/db/
src/lib/db.ts
drizzle.config.ts

Eslint

.eslintrc.json

Tindakan GitHub

.github/workflows/ci.yml - tipe -checking dan linting (maka kesalahan ini diabaikan di next.config.mjs )

Lucia Auth

(membutuhkan pengaktifan)

src/app/api/auth
src/app/auth
src/components/auth.tsx
src/db/schemas/auth.ts) Simpan data auth dalam database
src/lib/auth.ts
types/lucia.d.ts

Contoh

src/app/examples/profile/page.tsx

Mdx

mdx-components.tsx

Next-PWA

public/icon-512x512.png
public/manifest.json
next.config.mjs

Dramawan

e2e/
playwright.config.ts

Lebih cantik

.eslintrc.json
.prettierignore
.prettierrc.json

Perpustakaan pengujian bereaksi

src/app/page.test.tsx
testing/setup.ts

shadcn/ui

src/components/providers/theme-provider.tsx
src/components/ui/
src/components/theme-toggle.tsx
components.json

T3 Env

src/env.mjs - Konfigurasikan Variabel Lingkungan
next.config.mjs - Variabel lingkungan divalidasi saat pembangunan waktu

Tailwind CSS

src/styles/globals.css
tailwind.config.js

trpc

src/app/api/trpc/[trpc]/route.ts
src/components/providers/trpc-provider.tsx
src/trpc/

Contoh

src/app/examples/client-component/page.tsx - Gunakan dalam komponen klien
src/app/examples/server-component/page.tsx - Gunakan dalam komponen server

Naskah

tsconfig.json -semua modifikasi dari create-next-app dijelaskan dengan komentar
types/reset.d.ts -Menggunakan TS-Reset untuk meningkatkan jenis keamanan