nextjs + it dev nextjs form Error handling for Server Actions · vercel/next.js · Discussion #49426Error handling for Server Actions wono | discuss | tweet + it dev nextjs Can't Access Values from Next Server Actions | Next.js 13.4 wono | discuss | tweet + it dev nextjs doc Is there something similar to swagger codegen for Nextjs API routes? wono | discuss | tweet + it dev nextjs swagger nextjs / swagger-ui-react / Node.js 버전 호환 에러 : Class extends...배우게 된 점 - 개발서버- 테스트서버- 프로덕션 서버 node.js 버전을 동일하게 잘 관리하자. -------- next.js 14.1.2 버전 사용중 swagger-ui-react 5.3.0 버전 개발서버 node.js 20.x 테스트서버 vercel 18.x 문제상황 기존에 토이 프로젝트로 Nextjs 풀스택 앱을 만들었고, swagger로 API 문서를 발행하고 있었다. - swagger-ui-react 라이브러리를 이용하여 만들었고 - api 문서는 개발용 및 테스트용으로 보여주는 것이기 때문에, 프로덕션 서버가 아닌 테스트 서버인 Vercel을 통해 접근할 수 있었다. 기존에 설치하지 않았던 eslint-config-next (14.1.3) 를 설치한 시점부터 빌드에 문제가 생겼다. Type.. wono | discuss | tweet + it dev nextjs nextjs 서비스 개발부터 운영까지nextjs 서비스 개발부터 운영까지. GitHub Gist: instantly share code, notes, and snippets. wono | discuss | tweet + it dev nextjs Next.js 15 핵심 정리Next.js는 Vercel에서 개발한 React 프레임워크로, 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR), API 라우팅 등의 다양한 최적화 기능을 제공합니다. Next.js를 사용하면, React의 기본 기능을 확장해, 보다 빠르고 안정적으로 웹 애플리케이션을 개발할 수 있습니다. wono | discuss | tweet + it dev nextjs 2023-06-13 Next.js 13의 서버는 한 개가 아니란다IPC라고 있는데... 처음 들어보시나요? 사실 저도... wono | discuss | tweet + it dev nextjs shadcnui GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn uiAdmin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter wono | discuss | tweet + it dev nextjs jest prisma Next.js, Prisma, Jestでサーバーサイドのテストをする wono | discuss | tweet + it dev nextjs NextJs best boiler plateBest Boilerplate and Starter for Next.js with App Router support, Tailwind CSS, and TypeScript. “NextJs best boiler plate” is published by Mahernaija. wono | discuss | tweet + it dev nextjs api Next.jsのAPIルートをテストする wono | discuss | tweet + it dev nextjs jest NextJs 14 — App Router and Unit Testing (w/ async pages)Unit-test in NextJs14 using JEST with practical examples. wono | discuss | tweet + it dev nextjs NextJS 14 app directory route.js testing fails with Vitest wono | discuss | tweet + it dev nextjs mock How do I test routes made with the app router in NextJS? I'm using vitest for this wono | discuss | tweet + it dev nextjs vitest Next.js application testing with Vitest and testing libraryIn this article, we’ll continue testing Next.js application using Vitest and testing library, and delve into testing more complex components that interact with APIs, Redux selectors, and custom… wono | discuss | tweet + it dev nextjs vitest 프론트엔드에서 Nextjs와 Vitest를 사용해 손쉽게 테스팅하기 (그리고 개발 재밌게 하기)프론트엔드 진영에서 테스팅은 필수로 여겨지지 않는 경우가 제법 많습니다. 각기 다른 이유가 있겠지만 제 경험상 저는 ‘바빠서'가 주된 이유였던 것 같습니다. unit testing, integration testing, e2e testing 모두 100%의 커버리지로 테스팅을 진행해서 나쁜 점이야 없겠다만, 우리의 외부환경은 기다려 줄 수 없습니다. 특히… wono | discuss | tweet + it dev nextjs jest How to Unit Test Next.js API Routes with TypescriptNext.js is an awesome frontend framework. It’s powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescript… wono | discuss | tweet + it dev nextjs jest Mastering Jest: A Complete Guide to Testing Next.js Applications Part-1In the fast-paced world of web development, creating robust and bug-free applications is paramount.... Tagged with jest, testing, nextjs, react. wono | discuss | tweet + it dev nextjs jest Unit Test Next.js API Routes with TypeScript (longer-version)Testing API routes sucks, especially when using TypeScript. This article covers how to unit test Next.js API routes with TypeScript using Jest and React Testing Libraries. With the release of Next.js… wono | discuss | tweet + it blog nextjs Next.js app router에서 React Query 사용하면서 고민했던 것들지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠습니다. 해당 글은 23년 10월에 메이저 버전 업데이트된, Next.js 14와 React-Query 5 를 기준으로 작성된 글입니다. 예시로 보여주는 코드는 저의 next-14-react-query repo에서 확인 할 수 있습니다. 제가 크게 고민했던 문제는 아래 세 가지입니다. Hydrate vs ReactQueryStreamedHydration 두 가지 API 중에 어떤 것을 채택할까? Hydration API 사용 시에 RSC, RCC 모두에서 깔끔한 코드를 유지하려면 queryOption은 … wono | discuss | tweetNext
+ it dev nextjs form Error handling for Server Actions · vercel/next.js · Discussion #49426Error handling for Server Actions wono | discuss | tweet
+ it dev nextjs doc Is there something similar to swagger codegen for Nextjs API routes? wono | discuss | tweet
+ it dev nextjs swagger nextjs / swagger-ui-react / Node.js 버전 호환 에러 : Class extends...배우게 된 점 - 개발서버- 테스트서버- 프로덕션 서버 node.js 버전을 동일하게 잘 관리하자. -------- next.js 14.1.2 버전 사용중 swagger-ui-react 5.3.0 버전 개발서버 node.js 20.x 테스트서버 vercel 18.x 문제상황 기존에 토이 프로젝트로 Nextjs 풀스택 앱을 만들었고, swagger로 API 문서를 발행하고 있었다. - swagger-ui-react 라이브러리를 이용하여 만들었고 - api 문서는 개발용 및 테스트용으로 보여주는 것이기 때문에, 프로덕션 서버가 아닌 테스트 서버인 Vercel을 통해 접근할 수 있었다. 기존에 설치하지 않았던 eslint-config-next (14.1.3) 를 설치한 시점부터 빌드에 문제가 생겼다. Type.. wono | discuss | tweet
+ it dev nextjs nextjs 서비스 개발부터 운영까지nextjs 서비스 개발부터 운영까지. GitHub Gist: instantly share code, notes, and snippets. wono | discuss | tweet
+ it dev nextjs Next.js 15 핵심 정리Next.js는 Vercel에서 개발한 React 프레임워크로, 서버 사이드 렌더링(SSR), 클라이언트 사이드 렌더링(CSR), API 라우팅 등의 다양한 최적화 기능을 제공합니다. Next.js를 사용하면, React의 기본 기능을 확장해, 보다 빠르고 안정적으로 웹 애플리케이션을 개발할 수 있습니다. wono | discuss | tweet
+ it dev nextjs 2023-06-13 Next.js 13의 서버는 한 개가 아니란다IPC라고 있는데... 처음 들어보시나요? 사실 저도... wono | discuss | tweet
+ it dev nextjs shadcnui GitHub - Kiranism/next-shadcn-dashboard-starter: Admin Dashboard Starter with Nextjs14 and shadcn uiAdmin Dashboard Starter with Nextjs14 and shadcn ui - Kiranism/next-shadcn-dashboard-starter wono | discuss | tweet
+ it dev nextjs NextJs best boiler plateBest Boilerplate and Starter for Next.js with App Router support, Tailwind CSS, and TypeScript. “NextJs best boiler plate” is published by Mahernaija. wono | discuss | tweet
+ it dev nextjs jest NextJs 14 — App Router and Unit Testing (w/ async pages)Unit-test in NextJs14 using JEST with practical examples. wono | discuss | tweet
+ it dev nextjs mock How do I test routes made with the app router in NextJS? I'm using vitest for this wono | discuss | tweet
+ it dev nextjs vitest Next.js application testing with Vitest and testing libraryIn this article, we’ll continue testing Next.js application using Vitest and testing library, and delve into testing more complex components that interact with APIs, Redux selectors, and custom… wono | discuss | tweet
+ it dev nextjs vitest 프론트엔드에서 Nextjs와 Vitest를 사용해 손쉽게 테스팅하기 (그리고 개발 재밌게 하기)프론트엔드 진영에서 테스팅은 필수로 여겨지지 않는 경우가 제법 많습니다. 각기 다른 이유가 있겠지만 제 경험상 저는 ‘바빠서'가 주된 이유였던 것 같습니다. unit testing, integration testing, e2e testing 모두 100%의 커버리지로 테스팅을 진행해서 나쁜 점이야 없겠다만, 우리의 외부환경은 기다려 줄 수 없습니다. 특히… wono | discuss | tweet
+ it dev nextjs jest How to Unit Test Next.js API Routes with TypescriptNext.js is an awesome frontend framework. It’s powered by React under the hood so it plays well with everything React has to offer out of the box: Hooks, Context, hot browser reloading, Typescript… wono | discuss | tweet
+ it dev nextjs jest Mastering Jest: A Complete Guide to Testing Next.js Applications Part-1In the fast-paced world of web development, creating robust and bug-free applications is paramount.... Tagged with jest, testing, nextjs, react. wono | discuss | tweet
+ it dev nextjs jest Unit Test Next.js API Routes with TypeScript (longer-version)Testing API routes sucks, especially when using TypeScript. This article covers how to unit test Next.js API routes with TypeScript using Jest and React Testing Libraries. With the release of Next.js… wono | discuss | tweet
+ it blog nextjs Next.js app router에서 React Query 사용하면서 고민했던 것들지난 글에서 react-query의 hydrate, dehydrate을 통해 서버에서 prefetching 한 데이터 사용하는 방법에 대해서 살펴보았습니다. 서버에서 prefetching 한 데이터 사용하기 오늘은 조금 실용적으로 Next.js 13, 14 버전의 app router에서 react-query를 어떻게 사용하고 세팅하면 좋을지 고민했던 내용에 대해서 이야기해보도록 하겠습니다. 해당 글은 23년 10월에 메이저 버전 업데이트된, Next.js 14와 React-Query 5 를 기준으로 작성된 글입니다. 예시로 보여주는 코드는 저의 next-14-react-query repo에서 확인 할 수 있습니다. 제가 크게 고민했던 문제는 아래 세 가지입니다. Hydrate vs ReactQueryStreamedHydration 두 가지 API 중에 어떤 것을 채택할까? Hydration API 사용 시에 RSC, RCC 모두에서 깔끔한 코드를 유지하려면 queryOption은 … wono | discuss | tweet