데이터와 동고동락 중인 개발자 입니다.

Setup - Create a Next.js App | Learn Next.js (nextjs.org) Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 참고하여 Next.js에 Navigate 기능인 Link를 달아보려고 합니다. 1. pages/posts/first-post.jsx를 생성해줍니다. import Link from 'next/link'; export default function FirstPost() {..

Setup - Create a Next.js App | Learn Next.js (nextjs.org) Learn | Next.js Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build pre-rendered applications, static websites, and more. nextjs.org 참고하여 Next.js를 이용한 프로젝트를 만들어보려고 합니다. 1. 프로젝트 생성 # 프로젝트 세팅 npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-le..

Next.js란 React로 만드는 서버사이드 렌더링 프레임 워크 입니다. 서버사이드 렌더링으로 얻게 되는 이점 1. 사용자가 웹을 보기까지의 대기 시간이 줄어듭니다. 2. 자바스크립트 로그가 되지 않아도 페이지 일부가 표출이 되어 구글 검색엔진에 걸릴 수 있습니다. 1. Next.js project 만드는 법 npx create-next-app