Light Purple Pointer
[Next.js 14 + Supabase ] Next.js[ Typescript ] 프로젝트 시작하기 및 라우터 폴더 생성
·
FRONTEND/Next.js
https://nextjs.org/docs Docs | Next.jsWelcome to the Next.js Documentation.nextjs.org   14버전을 사용하기 때문에 app router를 사용함 pages router -> 9버전이라고 생각하면됨   Next.js는 “개인이 풀스택 개발을 하기에 최적화 된 웹 프레임워크”서버사이드 렌더링이 큰 특징이며, React와 비슷한 문법으로 더 현대적인 웹 서비스를 구현할 수 있습니다.서버에서부터 html을 최적화해서 웹으로 내려주기 때문에 SEO(검색엔진)에 큰 도움이 됩니다.사이즈가 크지않은 개인 프로젝트 정도의 규모라면 별도로 서버구축을 할 필요 없이 Next.js만으로 서버 구축까지 전부 가능합니다. (API 구축 가능)프로젝트 생성npx..
[Next.js] 배포
·
FRONTEND/Next.js
npm run build를 통해 배포용 파일을 만들 수 있음. 그리고 배포용 파일은 npm run start를 통해 실행도 가능함 npm run build로 실행되는 개발 파일에 비해 리소스 용량이 줄어
[Next.js] 설치 및 초기화
·
FRONTEND/Next.js
https://www.youtube.com/watch?v=smAU6-ZdcoQ&list=PLuHgQVnccGMCwxXsQuEoG-JJ7RlwtNdwJ&index=2 생활 코딩 유튜브 설치 따라함 vscode와 node.js 설치 필요 실행은 npm run dev 파일 정리 layout.js import "./globals.css"; export const metadata = { title: "Create Next App", description: "Generated by create next app", }; export default function RootLayout({ children }) { return ( {children} ); } page.js import Image from "next/ima..