목록nextJS (33)

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 Project: Christmas pet ai profile Platform Product / Building Problems

Product : https://www.pets-mas.com/ 메리 댕냥스마스 우리집 댕냥이로 크리스마스 카드를 만들어 보세요! www.pets-mas.com Video : https://youtu.be/mBvLnZIfWoA problems : 1. filter routing problem : => I set filtering in the layout for each page, but a loop phenomenon was discovered. 2. Libraries that worked normally on desktop did not work on mobile. 3. Depending on the mobile software version, some operations may not work. 4...
배포한 서비스 2023. 12. 26. 16:59
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
이전 Prev 1 2 3 4 ··· 6 Next 다음