일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CSS
- node.js
- blockchain
- solidity
- Props
- HTML
- web
- useState
- concept
- SSR
- built in object
- nextJS
- 삶
- 기준
- hardhat
- graphQL
- JavaScript
- Redux
- Ethereum
- error
- typeScript
- evm
- express.js
- bitcoin
- middleware
- REACT
- CLASS
- API
- Interface
- tailwindcss
- Today
- Total
목록Frontend/Next.js (30)
ReasonJun
In Next.js, the Image component is a built-in component that provides optimized image loading and rendering. It is specifically designed to handle images and offers several features to improve performance, such as automatic image optimization, lazy loading, and responsive image support. The Image component is part of the next/image package, which is included by default in Next.js projects. Here'..
import Head from 'next/head'; import { Inter } from 'next/font/google'; import Link from 'next/link'; import { useEffect, useState } from 'react'; const inter = Inter({ subsets: ['latin'] }); export async function getStaticProps() { return { props: { time: new Date().toISOString() }, }; } export default function ISR({ time }) { return ( {time} ); } The data is updated when the page is refreshed.
getServerSideProps is a function that is used to fetch data from the server in Next.js. It is called on every request and the data that it returns is used to render the page. This is useful for pages that need to fetch data that changes often, such as user data or product information. getServerSideProps is a function that takes two arguments: req is the HTTP request object. res is the HTTP respo..
getStaticPaths getStaticPaths is a Next.js function that allows you to pre-generate a list of paths for your pages. This can be useful for pages that have dynamic routes, such as blog posts or product pages. The getStaticPaths function is called once during the build process, and the results are cached. This means that the next time a user visits a page, the pre-generated list of paths will be u..
Normally, when importing data in React, import it from useEffect. However, in Nextjs, it is imported using a different method. (Of course, you can also import it using useEffect.) getStaticProps getStaticProps is a Next.js function that allows you to pre-render your pages on the server. This can improve performance and SEO, as the browser does not need to render the pages on its own. The getStat..
The React Framework for Production. Next.js by Vercel - The React Framework Next.js by Vercel - The React Framework Next.js Boilerplate A Next.js app and a Serverless Function API. Image Gallery Starter An image gallery built on Next.js and Cloudinary. Next.js Commerce An all-in-one starter kit for high-performance e-commerce sites. nextjs.org Next.js is a popular open-source framework for build..