nextjs

Vercel에 Namecheap 도메인 설정 및 연결

Nextjs를 통해서 Vercel에 배포를 하게 되면 도메인이 필요한데 가장 싸게 구입할 수 있는 곳이 Namecheap이라고 생가합니다. 이번에도 간단한 프로젝트를 진행하기 앞서서 도메인을 하나 사서 Vercel에 배포할 프로젝트 도메인 연결을 해보려고 합니다. 먼저 도메인을 구입하기 위해서 Namecheap으로 이동해서 원하는 주소를 한번 찾아 보겠습니다. 정말 좋은 도메인 이름인데 아직 아무도 등록하지 않았고 1년에 만 사천원 정도 합니다. 이제 결제를 해주고 연결하는 방법을 본격적으로 알려드리겠습니다. 먼저 시작하기에 앞서서 Vercel에 이미 프로젝트가 있고 계발을 해왔던 것을 전제로 시작하겠습니다. 일단 프로젝트를 선택해서 Setting으로 가봅시다. namecheap 도메인을 연결 하려면 세..

Next js로 API 만들어 사용하기(API routes)

Next js를 오랜만에 사용하려고 보니 이제 nextjs에서 바로 express로 추가해서 api 서버를 만드는 게 가능하다는 것을 알았습니다. 예전 같으면 express 서버를 따로 배포해서 사용했어야 됐지만 이제는 간단히 nextjs에 추가해서 vercel로 배포하면 되더라고요. 오늘 해볼 것은 nextjs api routes를 사용해서 sqlite 데이터 베이스에서 가저온 데이터를 response로 보내는 것을 해볼까 합니다. Nextjs API routes는 무엇인가? Nextjs는 API를 바로 추가 할 수 있는 기능을 API routes라고 부르고 있다. 이 기능은 pages/api 디렉토리 안에 만들어진 파일들이 rest api path가 된다 넥스트 js를 시작할 때 가장 먼저 해야 하는..