일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- REACT
- node.js
- JavaScript
- hardhat
- API
- Ethereum
- express.js
- typeScript
- blockchain
- 삶
- evm
- nextJS
- graphQL
- error
- middleware
- SSR
- solidity
- Redux
- concept
- Props
- CLASS
- Interface
- tailwindcss
- web
- built in object
- useState
- bitcoin
- 기준
- CSS
- HTML
- Today
- Total
목록전체 글 (371)
ReasonJun
lint-staged Allows you to do somethings on files in 'git staged' state https://github.com/okonet/lint-staged GitHub - okonet/lint-staged: 🚫💩 — Run linters on git staged files 🚫💩 — Run linters on git staged files. Contribute to okonet/lint-staged development by creating an account on GitHub. github.com husky Manage the definition of 'git hook' operation in '.husky' rather than '.git' file so that..
Next.js 13 is the latest version of Next.js, a React framework that makes it easy to build high-performance web applications. Next.js 13 includes a number of new features and improvements, including: New rendering strategies: Next.js 13 introduces two new rendering strategies: Static Site Generation (SSG) and Incremental Static Regeneration (ISR). These new strategies can improve the performance..
useRouter is a React Hook that provides access to the router state in your Next.js application. This can be useful for getting the current route, navigating to other routes, and handling route changes. The useRouter hook returns an object with the following properties: pathname: The current path of the route. query: The query string of the route. asPath: The path as shown in the browser includin..
Error handling is an important aspect of any web application, especially when working with Next.js. Next.js provides different ways to handle errors in development, server-side, and client-side scenarios. In this article, we will explore some of the best practices for error handling in Next.js 13. In development mode, Next.js shows an overlay that covers the webpage when there is a runtime error..
webVitalsAttribution is a Next.js configuration option that allows you to enable attribution for Web Vitals metrics. This means that you can track the origin of each Web Vitals metric, which can be helpful for debugging performance issues. https://nextjs.org/docs/app/api-reference/next-config-js/webVitalsAttribution next.config.js Options: webVitalsAttribution | Next.js Using App Router Features..
Web Vitals are a set of metrics that measure the user experience of a web page. They are designed to help developers understand how their pages are performing and identify areas where they can improve. The three core Web Vitals are: Largest Contentful Paint (LCP): This measures the time it takes for the largest contentful paint (LCP) element on a page to render. The LCP element is typically the ..
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..