Next.js로 Landing Page 만들어보기
프로젝트 시작 메인 화면 구성 https://fullpage.caferati.me/page-two
Read more →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) 해당 포스트에서 다룰 내용들 N…
Read more →Next.js 시작해보자 4/5 - Dynamic Routes
https://nextjs.org/learn/basics/dynamic-routes 블로그 데이터로 index page를 채웠지만 아직 개별 블로그 pages를 만들지 않았다. 이러한 페이지의 URL이 블로그 데이터에 의존하기를 원하므로 dynami…
Read more →Next.js 시작해보자 5/5 - API Routes
https://nextjs.org/learn/basics/api-routes Node.js serverless function으로 API endpoint를 쉽게 만들수 있습니다. 블로그 앱에는 필요하지 않지만 간단하게 사용하는 방법을 소개 포스트에서…
Read more →