ดาวน์โหลด nextjs starter - nextjs starter Source Download

nextjs starter

โค้ดแหล่งที่มา AI

1.0.0

ดาวน์โหลด

nextjs-starter

เทมเพลตชุดสตาร์ทเตอร์ next.js พร้อม React 17 + typescript + tailwind css 2 + react query 3 + nextauth.js (พร้อม gitHub auth + passwordless auth) + fauna db

การสาธิต

เว็บไซต์
บล็อกโพสต์ (เก่า)
- จะถูกแทนที่ด้วยโพสต์บล็อกใหม่เร็ว ๆ นี้

วิ่งในพื้นที่

โคลนโครงการ

  git clone https://github.com/pbteja1998/nextjs-starter.git

ไปที่ไดเรกทอรีโครงการ
```
  cd nextjs-starter
```
ติดตั้งการพึ่งพา
```
  yarn
```
สร้าง. env.local และเปลี่ยนตัวแปร Env ตามคำแนะนำ
```
  cp .env.example .env.local
```
ตั้งค่าฐานข้อมูลโดยเรียกใช้คำสั่งต่อไปนี้และวางคีย์ลับของสัตว์เมื่อได้รับแจ้ง รายละเอียดเพิ่มเติมที่ fauna-schema-migrate
```
  yarn setup-db
```
เริ่มต้นเซิร์ฟเวอร์
```
  yarn dev
```

ตัวแปรสภาพแวดล้อม

ในการเรียกใช้โครงการนี้คุณจะต้องเพิ่มตัวแปรสภาพแวดล้อมต่อไปนี้ในไฟล์ .env.local ของคุณ

NEXTAUTH_URL
- นี่คือ URL แอปพลิเคชันของคุณ ในพื้นที่คุณสามารถตั้งค่าเป็น http://localhost:3000
SECRET
- ตั้งค่านี้เป็นสตริงที่สร้างขึ้นแบบสุ่ม
EMAIL_SERVER
- นี่คือสตริงเซิร์ฟเวอร์อีเมล อยู่ในรูปแบบของ smtp://username:[email protected]:587 แทนที่ username password และ smtp.example.com ด้วยข้อมูลรับรองของคุณเอง
EMAIL_FROM
- ที่อยู่อีเมลของคุณซึ่งคุณกำลังส่งอีเมล
GITHUB_ID
GITHUB_SECRET
- คุณต้องสร้างแอพ GitHub OAUTH และรับ GITHUB_ID และ GITHUB_SECRET จากแอพนั้น
- คุณสามารถทำตามคำแนะนำเหล่านี้
- เมื่อสร้างแอพ OAuth เพื่อการพัฒนาในท้องถิ่นคุณสามารถตั้ง Homepage URL เป็น http://localhost:3000 และ Authorization Callback URL เป็น http://localhost:3000/api/auth/callback/github
LINKEDIN_ID
LINKEDIN_SECRET
- คุณต้องสร้างแอพ OAuth สำหรับ LinkedIn คุณสามารถตั้งค่า URL การโทรกลับเป็น http://localhost:3000/api/auth/callback/linkedin
FAUNADB_SECRET
- สร้างคีย์เซิร์ฟเวอร์ fauna ใหม่และตั้งค่าตัวแปรนี้เป็นคีย์นั้น

คำถามที่พบบ่อย

วิธีเรียกใช้สัตว์ในพื้นที่?

โปรดทราบว่านี่เป็นตัวเลือกที่สมบูรณ์ คุณสามารถสร้างฐานข้อมูลของคุณโดยตรงใน Fauna Cloud และใช้ความลับที่คุณสร้างขึ้นโดยตรง

เรากำลังใช้ตู้คอนเทนเนอร์ Fauna Dev Docker เพื่อเรียกใช้อินสแตนซ์ fauna ในเครื่อง

นี่คือคำแนะนำในการตั้งค่าภาชนะบรรจุสัตว์ในพื้นที่

 # Pull the latest Docker container:
docker pull fauna/faunadb:latest

# Verify that the container executes correctly:
docker run fauna/faunadb --help

หลังจากที่คุณติดตั้งสิ่งนี้คุณสามารถเริ่มคอนเทนเนอร์โดยใช้คำสั่งต่อไปนี้

docker run --rm --name faunadb -p 8443:8443 -p 8084:8084 fauna/faunadb

โปรดทราบว่าสิ่งนี้จะสร้างอินสแตนซ์ใหม่ของสัตว์ทุกครั้งที่คุณเรียกใช้และข้อมูลทั้งหมดจะถูกล้างเมื่อคุณหยุดคอนเทนเนอร์นี้ สำหรับตัวเลือกและวิธีการกำหนดค่าอื่น ๆ ให้ผ่านเอกสารประกอบ

การเปลี่ยนแปลงที่คุณต้องทำในเทมเพลต:

คุณต้องตั้ง USE_FAUNA_DOCKER=true ในไฟล์ .env.local ของคุณ
ทุกครั้งที่คุณเริ่มคอนเทนเนอร์ Docker คุณต้องใช้การย้ายถิ่นก่อน คุณสามารถทำได้โดยเรียกใช้ yarn setup-docker-db
รายละเอียดเพิ่มเติมที่ fauna-schema-migrate และ fauna dev