Skip to content

Latest commit

 

History

History
60 lines (45 loc) · 1.87 KB

README.md

File metadata and controls

60 lines (45 loc) · 1.87 KB
Raw

Nextjs-NextAuth-Prisma-starter

Start with this boilerplate to make your own nextjs app(Docker image)

  • styled-component
  • antd
  • serviceWorker(public/sw.js)
  • Dockerfile

Prerequisites

  1. git clone [email protected]:david718/nextjs-nextauth-prisma-starter.git
  2. cd nextjs-nextauth-prisma-starter
  3. yarn install
  4. touch .env

.env

  • NEXTAUTH_URL=
  • NEXT_PUBLIC_API_SERVER_URL=http://localhost:3000/api
  • DATABASE_URL=
  • KAKAO_REST_KEY=
  • KAKAO_REDIRECT_URI=http://localhost:3000/api/auth/callback/kakao

Get started

kakao-login with next-auth(medium posts)

  1. create kakao app and use kakao loginkakao developer site
    • get kakao login rest key
    • input http://localhost:3000/api/auth/callback/kakao to redirect_uri
    • please change status of profile and email in agreement items(scope)
  2. edit .env
    • ...
    • KAKAO_REST_KEY=kakao login rest key
    • KAKAO_REDIRECT_URI=http://localhost:3000/api/auth/callback/kakao
  3. yarn dev
  • you can use additional login(google or facebook login) with .env and api/auth/[...nextauth].ts in nextauth

Connect database

connect db with prisma

  1. create database and get database url
  2. npx prisma init
  3. edit .env
    • ...
    • DATABASE_URL={database url}
    • ...
  4. create user table with cli(You have to directly connect with DB!, cannot make any tables with prisma CLI or API)
  5. npx prisma db pull
  6. yarn add @prisma/client
  7. npx prisma generate

Dockerizing

  1. docker build -t {dockerId}/{imageName}:{version} (ex hkc718/everyday-bible:1.0)
  2. docker images
    • you can verify your docker image