Next.js로 Landing Page 만들어보기
프로젝트 시작 메인 화면 구성 https://fullpage.caferati.me/page-two
Read more →6 posts tagged with #react framework
Next.js 시작해보자 1/5 - Next.js App 생성, 페이지 추가, Navigate Between Pages, Link, code splitting, client-side navigation, and prefetching
Gatsby와 함께 핫하다는 를 시도해보려고 한다. Gatsby의 경우 좀더 틀에 박힌 느낌? SpringBoot 처럼 그냥 따라해의 느낌이 강했는데, Next.js는 gatsby에 비해서 좀더 유연하게 React…
Read more →Next.js 시작해보자 2/5 - Assets, Metadata, and CSS
목록 에서는 , 를 지원한다. images, videos를 어떻게 Next.js에 추가하는지 각 페이지의 를 어떻게 customize 하는지 을 사용해서 reusable React component를 만드는지 global CSS…
Read more →Next.js 시작해보자 3/5 - Pre-rendering and Data Fetching
external blog data를 어떻게 불러(fetch)오는지에 대해서 알아본다. 블로그 컨텐츠는 파일 시스템에 저장되지만 컨텐츠가 다른곳에 저장되는 경우 (e.g. databases or Headless CMS…
Read more →Next.js 시작해보자 4/5 - Dynamic Routes
https://nextjs.org/learn/basics/dynamic-routes 블로그 데이터로 index page를 채웠지만 아직 개별 블로그 pages를 만들지 않았다. 이러한 페이지의 URL이 블로그 데이터에 의존하기를 원하므로 dynamic…
Read more →Next.js 시작해보자 5/5 - API Routes
https://nextjs.org/learn/basics/api-routes Node.js serverless function으로 API endpoint…
Read more →