본문 바로가기

next.js

(21)

[플젝기록] NextAuth로 로그인 기능 구현하기 (with Prisma) 보호되어 있는 글입니다.

[플젝기록] Next.js + Prisma + PlanetScale 세팅하기 (Vercel 배포) 이 글은 단순히 세팅만을 위한 글이지 내부적인 로직이나 스키마 등에 대한 설명이 전혀 포함되어 있지 않으며, 어떠한 프로그래밍적인 기능 구현 역시 다루지 않는다. PlanetScale의 https://planetscale.com/blog/how-to-setup-next-js-with-prisma-and-planetscale 글에 기초한 내용이며 해당 글의 동영상 버전(링크) 도 참조했다. How to set up Next.js with Prisma and PlanetScale A step-by-step guide for using PlanetScale and Prisma with Next.js. planetscale.com 1. PlanetScale 가입 / 로그인 후 Create New Database..

CSS Modules 클래스명 넣는 법 Today I learned 카테고리에 있긴 하지만 Today에 배운건 아니고... Next.js 관련 튜토리얼보다가 예전에 고민하고 찾아봤던 부분이 생각나서 얼른 글로 남겨본다. 지난 사이드 프로젝트 때 CSS Modules를 사용했는데 클래스 명을 여러 개 넣는 것과 관련하여 찾아본 적이 있었다. (기존에 작성했던 코드에서 보고 올리는 것이기 때문에 더 정확한 방법에 대해서는 문서를 찾아보거나 추가적으로 검색해보는 것을 권해드립니다. ) 1. 클래스 명이 하나 일 때 - style.className 방식 - style['class-name'] 방식 2. 클래스 명이 두개 이상일 때 - {`${style.className1} ${style.className2}`} / {`${style['class-n..

[내보내번] Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) 내보내번(내가 보려고 내가 번역한...) 아티클 ※ 영어 전공자도 해외 유학파도 아니기에 번역에는 의역, 오역, 구글 번역이 무수히 많을 수 있으며, 개인적인 공부 목적으로 번역하다 보니 오타도 많을 수 있다. 정확한 내용은 해당 아티클을 직접 살펴보거나 다른 정보들을 더 찾아보는 것을 추천한다. (하지만 댓글 피드백도 환영합니다😃 글을 읽어보시고 도움을 얻으셨다면 아티클 저자의 블로그에서 좋아요도 눌러주세요.) Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) by Theodorus Clarence 원문 읽기 >> Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) | theodorusclarence...

[내보내번] Next.js docs - Dynamic Import 내보내번(내가 보려고 내가 번역한...) Next.js docs 2021년 8월 3일 기준 Next.js 공식 문서를 번역했다. ※ 영어 전공자도 해외 유학파도 아니기에 번역에는 의역, 오역, 구글 번역이 무수히 많을 수 있으며, 혼자 공식문서를 참조해가며 번역하다 보니 오타도 많을 수 있다. 정확한 내용은 공식문서를 직접 살펴보거나 다른 정보들을 더 찾아보는 것을 추천한다. (하지만 댓글 피드백도 환영합니다😃 ) Next.js 공식문서 확인하기>> Advanced Features: Dynamic Import | Next.js Dynamically import JavaScript modules and React Components and split your code into manageable chunk..

[내보내번] Next.js docs - Authentication 내보내번(내가 보려고 내가 번역한...) Next.js docs 2021년 8월 2일 기준 Next.js 공식 문서를 번역했다. ※ 영어 전공자도 해외 유학파도 아니기에 번역에는 의역, 오역, 구글 번역이 무수히 많을 수 있으며, 혼자 공식문서를 참조해가며 번역하다 보니 오타도 많을 수 있다. 정확한 내용은 공식문서를 직접 살펴보거나 다른 정보들을 더 찾아보는 것을 추천한다. (하지만 댓글 피드백도 환영합니다😃 ) Next.js 공식문서 확인하기>> Authentication | Next.js Learn about authentication patterns in Next.js apps and explore a few examples. nextjs.org Authentication verifies who ..

[삽질로그] Next.js(Vercel) + Strapi(Heroku) 504 에러 대처 (이 글은 2021년 7월 11일 기준 글이다.) 삽질요약👨‍🔧 스택: Next.js(Vercel) + Strapi - Postgres(Heroku) 증상: 초기 접근시 504 에러가 뜸. (Serverless Function Timeout) 대처: 매번 서버에 요청해서 데이터를 가져오는 getServerSideProps에서 getStaticProps로 변경 후 revalidate 설정. (에러에 대한 근본적인 해결책이 아니라 다른 방법으로 대처한 것이기에 대처라고 썼다.) 삽질구구절절 사이드 프로젝트를 하다가 한동안 다른 토이 프로젝트를 만지작거리다보니 사이드 프로젝트는 저어어 멀리 멀어져버렸고 손대기도 귀찮아졌다. 솔직히 말하면 해결해야 할 문제가 있었는데 해결책이 보이지 않아서 더 건들기가 싫었다...

[내보내번] Next.js docs - Deployment 내보내번(내가 보려고 내가 번역한...) Next.js docs 2021년 7월 11일 기준 Next.js 공식 문서를 번역했다. ※ 영어 전공자도 해외 유학파도 아니기에 번역에는 의역, 오역, 구글 번역이 무수히 많을 수 있으며, 혼자 공식문서를 참조해가며 번역하다 보니 오타도 많을 수 있다. 정확한 내용은 공식문서를 직접 살펴보거나 다른 정보들을 더 찾아보는 것을 추천한다. (하지만 댓글 피드백도 환영합니다😃 ) Next.js 공식문서 확인하기>> Deployment | Next.js Deploy your Next.js app to production with Vercel and other hosting options. nextjs.org Vercel(Recommended) The easiest wa..

이전 1 2 3 다음

티스토리툴바