Nextjs에서 viewport meta데이터 삽입하기 공식문서 소개 공식문서 코드 layout.tsx import type { Viewport } from "next"; , , , export const viewport: Viewport = { initialScale: 1.0, userScalable: false, maximumScale: 1, width: "device-width", };
깉이보면 좋은글 2023.09.06 - [JS/Next.js] - [Error] auth/invalid-api-key, Next.js 에서 환경변수 [Error] auth/invalid-api-key, Next.js 에서 환경변수 원인: Next.js Node환경 환경변수 발단 firebase를 이용해서 로그인 기능을 구현중 계속 `{code: "auth/invalid-api-key", message: "Your API key is invalid, please check you have copied it correctly."}` 에러메세지가 호출되었다 aliencoding.tistory.com Firebase Authentication 파이어베이스로 사용자 로그인을 해보자! SDK 설치 및 Firebas..
문제 Module not found: Can't resolve 'encoding' in "...." 이라는 에러메세지가 콘솔에 계속 나왔다. https://github.com/supabase/supabase-js/issues/612 Can't resolve 'encoding' · Issue #612 · supabase/supabase-js Module not found: Can't resolve 'encoding' in '/Users/thorwebdev/Documents/code/supabase/quickstarts/supabase-next-13/node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib' This warning i... github..
원인: Next.js Node환경 환경변수 발단 firebase를 이용해서 로그인 기능을 구현중 계속 `{code: "auth/invalid-api-key", message: "Your API key is invalid, please check you have copied it correctly."}` 에러메세지가 호출되었다. .env.local 파일에 정독하듯 환경변수 값들이 다르게 복사되었는지 계속 확인을 해봐도 틀리게 들어가지 않았는데 왜 호출이 안될까 1시간을 에러메세지랑 싸웠다. 해결 https://nextjs.org/docs/pages/building-your-application/configuring/environment-variables#bundling-environment-variable..
Next.js 에서의 라우팅 Creating Routes Next.js uses a file-system based router where folders are used to define routes. Each folder represents a route segment that maps to a URL segment. To create a nested route, you can nest folders inside each other. 경로 생성 Next.js는 폴더를 사용하여 경로를 정의하는파일-시스템 기반 라우터를 사용합니다. 각 폴더는 URI 세그먼트에 그려지는 라우트 세그먼트를 대변한다. 중첩 경로를 만들려면 폴더를 서로 중첩할 수 있습니다. 폴더를 사용해서 라우트를? app폴더내에 create ..
문학 커뮤니티를 Next.js를 이용해 만들어 보고자 한다. Next.js 프로젝트 생성하기 npx create-next-app@latest https://nextjs.org/docs/getting-started/installation Getting Started: Installation | Next.js We recommend starting a new Next.js app using create-next-app, which sets up everything automatically for you. To create a project, run: After the prompts, create-next-app will create a folder with your project name and instal..
What is Next.js? Next.js is a framework for building web applications. With Next.js, you can build user interfaces using React components. Then, Next.js provides additional structure, features, and optimizations for your application. With Next.js, you can build user interfaces using React components. Then, Next.js provides additional structure, features, and optimizations for your application. U..
