일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 | 29 |
30 |
- built in object
- useState
- CLASS
- 삶
- express.js
- middleware
- 기준
- Props
- Redux
- REACT
- node.js
- nextJS
- Interface
- graphQL
- SSR
- API
- error
- typeScript
- JavaScript
- web
- CSS
- evm
- Ethereum
- tailwindcss
- hardhat
- blockchain
- solidity
- bitcoin
- concept
- HTML
- Today
- Total
목록Frontend/Next.js (30)
ReasonJun
Custom App Next.js uses the App component to initialize pages. You can override it and control the page initialization and: Persist layouts between page changes Keeping state when navigating pages Inject additional data into pages Add global CSS import '@/styles/globals.css' export default function App({ Component, pageProps }) { return } https://nextjs.org/docs/pages/building-your-application/r..
Absolute Imports Absolute imports in Next.js allow you to import modules from the root of your project. This can be useful for organizing your code and making it easier to find the modules that you need. To use absolute imports in Next.js, you need to add the following line to your tsconfig.json file: { "compilerOptions": { "baseUrl": "." } } This will tell Next.js to treat all imports as if the..
Automatic Static Optimization (ASO) is a feature of Next.js that automatically pre-renders pages that do not have any blocking data requirements. This means that the pages will be rendered to static HTML at build time, which can improve the initial loading performance of your application. ASO is enabled by default in Next.js, so you do not need to do anything to use it. However, there are a few ..
Lazy loading in Next.js is a feature that allows you to defer the loading of components and libraries until they are needed. This can improve the initial loading performance of your application by decreasing the amount of JavaScript that needs to be loaded. There are two ways you can implement lazy loading in Next.js: Using Dynamic Imports with next/dynamic Using React.lazy() with Suspense Dynam..
What is Draft Mode? Draft Mode is a feature that lets you switch from static rendering to dynamic rendering for specific pages that fetch data from a headless CMS. Static rendering means that your pages are pre-rendered at build time and served as static HTML files. Dynamic rendering means that your pages are rendered on-demand at request time and fetch the latest data from your data source. Sta..
SWC (Speedy Web Compiler) is a fast JavaScript/TypeScript compiler that is used in Next.js to optimize the build process and improve the performance of Next.js applications. It is a popular alternative to the Babel compiler, known for its impressive speed and compatibility with modern JavaScript and TypeScript syntax. It is made in RUST language based on parallel processing, so it is faster than..