6 posts tagged with #nextjs

Next.js로 Landing Page 만들어보기

2020-10-10 — Written by jslee
#nextjs#react framework

프로젝트 시작 메인 화면 구성 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

2020-10-10 — Written by jslee
#nextjs#react framework

Gatsby와 함께 핫하다는 를 시도해보려고 한다. Gatsby의 경우 좀더 틀에 박힌 느낌? SpringBoot 처럼 그냥 따라해의 느낌이 강했는데, Next.js는 gatsby에 비해서 좀더 유연하게 React…

Read more →

Next.js 시작해보자 2/5 - Assets, Metadata, and CSS

2020-10-10 — Written by jslee
#nextjs#react framework#assets#metadata#css

목록 에서는 , 를 지원한다. images, videos를 어떻게 Next.js에 추가하는지 각 페이지의 를 어떻게 customize 하는지 을 사용해서 reusable React component를 만드는지 global CSS…

Read more →

Next.js 시작해보자 3/5 - Pre-rendering and Data Fetching

2020-10-10 — Written by jslee
#nextjs#react framework#rendering#data fetching#server-side rendering#client-side rendering#static generation

external blog data를 어떻게 불러(fetch)오는지에 대해서 알아본다. 블로그 컨텐츠는 파일 시스템에 저장되지만 컨텐츠가 다른곳에 저장되는 경우 (e.g. databases or Headless CMS…

Read more →

Next.js 시작해보자 4/5 - Dynamic Routes

2020-10-10 — Written by jslee
#nextjs#react framework#dynamic routes#path#rendering#markdown#css

https://nextjs.org/learn/basics/dynamic-routes 블로그 데이터로 index page를 채웠지만 아직 개별 블로그 pages를 만들지 않았다. 이러한 페이지의 URL이 블로그 데이터에 의존하기를 원하므로 dynamic…

Read more →

Next.js 시작해보자 5/5 - API Routes

2020-10-10 — Written by jslee
#nextjs#react framework#API Routes

https://nextjs.org/learn/basics/api-routes Node.js serverless function으로 API endpoint…

Read more →
All tags
@doubly