ai prompt sharing

Lihat Penyebaran

Ini adalah proyek create-next-app .

Memulai

Pertama, jalankan server pengembangan:

npm run dev
# or
yarn dev
# or
pnpm dev

Buka http: // localhost: 3000 dengan browser Anda untuk melihat hasilnya.

Anda dapat mulai mengedit halaman dengan memodifikasi app/page.js . Page-updates halaman saat Anda mengedit file.

Proyek ini menggunakan next/font untuk secara otomatis mengoptimalkan dan memuat Inter, Google Font khusus.

Pelajari lebih lanjut

Untuk mempelajari lebih lanjut tentang Next.js, lihatlah sumber daya berikut:

• Dokumentasi Next.js - Pelajari Tentang Fitur dan API Next.js.
• Pelajari Next.js - Tutorial interaktif Next.js.

Anda dapat melihat repositori github berikutnya.js - umpan balik dan kontribusi Anda dipersilakan!

Menyebarkan di Vercel

Cara termudah untuk menggunakan aplikasi selanjutnya.js Anda adalah dengan menggunakan platform Vercel dari pencipta Next.js.

Lihatlah dokumentasi penempatan berikutnya.js kami untuk lebih jelasnya.

Struktur Proyek:

• /app/ - Aplikasi Next.js yang memiliki halaman masing -masing di folder masing -masing (NextJs memiliki routing berbasis folder, Pathname di URL akan menjadi nama folder dan dengan demikian halaman akan diterjemahkan)
  • /app/api/ - Rute/Backend API Next.js
  • /app/folder/ - Routing berbasis folder, halaman untuk masing -masing rute (nama folder)
• /components/ - komponen UI yang dapat digunakan kembali dengan beberapa logika
• '/model/` - Model skema untuk database
• /public/ - Direktori Publik Next.js
• /styles/ - Direktori Styles Next.js
• /utils/ - Hanya beberapa fungsi utilitas seperti ConnectToDB untuk menelepon untuk terhubung ke database MongoDB

Variabel Lingkungan:

• Buat .env di root dengan variabel berikut:

 GOOGLE_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET=

Paket yang Digunakan:

• next - Kerangka Kerja Next.js
• next-auth - Perpustakaan Otentikasi Next.js
• mongodb - Pengemudi MongoDB
• mongoose - The Mongodb ODM
• react - The React.js Framework
• react-dom - react.js dom renderer
• tailwindcss - untuk gaya

Dikerahkan di Vercel

• Lihat Penyebaran

Kredit: JavaScript Mastery - Adrian Hajdin