목록Frontend (231)

ReasonJun

Nextjs : Edge Functions

What It Is: A lightweight, serverless runtime environment designed for executing code closer to users, at the edge of the network. Built on a subset of standard Web APIs, prioritizing speed, security, and compatibility. Integrated into Next.js, offering specific features: Edge API Routes Middleware Server components (experimental) Key Characteristics: Minimal: Supports a smaller set of APIs comp..
Frontend/Next.js 2024. 1. 7. 00:14
Nextjs error : cause: Error: unable to verify the first certificate

Problem : I'm using Nextjs 14 and wanted to utilize the layout folder to automatically load data when accessing the web. Why? This is fine when sending requests from client to server, but when communicating from server to server in Nextjs, the difference between http/https causes problems. Can occur while the Next.js app is establishing an SSL/TLS secure connection. Typically, this error occurs ..
Frontend/Next.js 2023. 12. 19. 02:11
NextJS : Type error: Route "src/app/api/auth/[...nextauth]/route.ts" does not match the required types of a Next.js Route. "authOptions" is not a valid Route export field.

https://codevoweb.com/setup-and-use-nextauth-in-nextjs-13-app-directory/ Setup and Use NextAuth.js in Next.js 13 App Directory - CodevoWeb In this tutorial, I’ll walk you through setting up authentication in your Next.js 13 app directory using NextAuth.js. It’s worth noting that while we use... codevoweb.com https://github.com/vercel/next.js/discussions/50511 Why does my NextAuthJS discord login..
Frontend/Next.js 2023. 12. 16. 01:29
React lib : Upload multiple Image using Cloudinary

upload setting rule : https://support.cloudinary.com/hc/en-us/articles/202520662-How-can-I-bulk-upload-my-images- method: https://cloudinary.com/blog/guest_post/upload-images-with-react-dropzone Upload Images with React-Dropzone This post describes how to upload images using the react-dropzone package. We’ll go through the implementation process by building a basic Next.js application that lets ..
Frontend/Library 2023. 12. 16. 00:37
Next.js Error : Hydration failed because the initail UI does not match what was rendered on the server.

Error : Why : While rendering your application, there was a difference between the React tree that was pre-rendered from the server and the React tree that was rendered during the first render in the browser (hydration). Solution : import { useState, useEffect } from 'react' export default function App() { const [isClient, setIsClient] = useState(false) useEffect(() => { setIsClient(true) }, [])..
Frontend/Next.js 2023. 11. 23. 11:19
Nextjs : Warning: To load an ES module, set "type": "module" in the package.json or use the .mjs extension. (ts-node)

What happened? In the case of ts-node, ts was compiled using the commonJS method. Therefore, an error occurs when you try to run a ts file with ts-node in the app or src subfolder of nextjs, which is compiled with esNext. Error : https://github.com/TypeStrong/ts-node/issues/935 `ts-node` fails when ES Modules are in the dependency graph in Node.js 13+ · Issue #935 · TypeStrong/ts-node I basicall..
Frontend/Next.js 2023. 11. 6. 13:50
이전 Prev 1 2 3 4 5 ··· 39 Next 다음