export default function Home() {
return (
<>
</>
)https://nextjs.org/docs/getting-started/installation
Getting Started: Installation | Next.js
Create a new Next.js application with `create-next-app`. Set up TypeScript, styles, and configure your `next.config.js` file.
nextjs.org
https://www.youtube.com/watch?v=smAU6-ZdcoQ&list=RDCMUCvc8kv-i5fvFTJBFAk6n1SA&index=12
npx create-next-app@latest
What is your project named? my-app
Would you like to use TypeScript? No / Yes
Would you like to use ESLint? No / Yes
Would you like to use Tailwind CSS? No / Yes
Would you like to use `src/` directory? No / Yes
Would you like to use App Router? (recommended) No / Yes
Would you like to customize the default import alias (@/*)? No / Yes
What import alias would you like configured? @/*
npm run dev
https://www.youtube.com/watch?v=GFF3zgFS7Ug
export default function Home() {
return (
<>
<h1>page</h1>
</>
)html
<script type="module" src="index.js"></script>
Home.js
export function Home(){}
import {Home} form './Home.js'
export default function Home(){}
import Home from './Home.js'
무료 로티 애니메이션, 모션 그래픽을 위한 모든 플러그인과 도구를 한 곳에 - 로티파일즈/LottieFi
로티파일즈/LottieFiles는 오픈소스 애니메이션 포맷 로티를 제공하는 세상에서 가장 큰 무료 플랫폼입니다. 웹, iOS, 안드로이드, 윈도우를 위한 모션 그래픽 작업을 지원하는 플러그인과 툴을 통
lottiefiles.com
https://www.npmjs.com/package/react-lottie-player
react-lottie-player
Fully declarative React Lottie player. Latest version: 1.5.5, last published: 4 months ago. Start using react-lottie-player in your project by running `npm i react-lottie-player`. There are 63 other projects in the npm registry using react-lottie-player.
www.npmjs.com
Vercel: Build and deploy the best Web experiences with The Frontend Cloud
Vercel's Frontend Cloud gives developers the frameworks, workflows, and infrastructure to build a faster, more personalized Web.
vercel.com
'JS' 카테고리의 다른 글
| 리액트 풀코스 무료(2024) / React Full Course for free ⚛️ (2024) (0) | 2024.02.01 |
|---|---|
| git github 명령어 (0) | 2023.12.12 |