nextjs + it dev nextjs structure Bulletproof React folder structure wono | discuss | tweet + it dev nextjs components How to Organize Your Next.js Components FolderLearn how the Next.js components folder fits into the overall folder structure of a project and why it's essential for keeping your project files organized. wono | discuss | tweet + it blog nextjs tuto 우리가 Next.js를 공부하게 된 이유올해 9월, 앱 런칭을 위해 우리 팀은 Flutter를 공부했고 정식 배포까지 마무리했습니다. 그리고 앱을 소개하기 위한 사이트를 React로 만들었고 Git Pages로 호스팅했습니다. 어느 날, 한 팀원을 통해 Next.js를 알게 됐습니다. 그리고 코드드림팀에서는 Next.js를 공부하기로 했는데요. 우리가 공부하게 된 이유와 과정을 포스팅을 통해 공유하려고 합니다. 이번 포스팅에서는 Next.js를 공부하게 된 이유를 소개합니다. *이 포스팅 시리즈는 Next.js 공식 문서와 React 공식 문서, 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발을 참고하여 작성했습니다. 1. 프론트엔드 개발 변천 jquery의 시작과 끝 프론트엔드는 어떻게 변화해왔을까요? 저는 6년차 .. wono | discuss | tweet + it dev nextjs structure How to structure scalable Next.js project architecture - LogRocket BlogLearn to structure your Next.js project strategically to build an application that will scale up without any issues as your project grows. wono | discuss | tweet + 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 | tweetNext
+ it dev nextjs components How to Organize Your Next.js Components FolderLearn how the Next.js components folder fits into the overall folder structure of a project and why it's essential for keeping your project files organized. wono | discuss | tweet
+ it blog nextjs tuto 우리가 Next.js를 공부하게 된 이유올해 9월, 앱 런칭을 위해 우리 팀은 Flutter를 공부했고 정식 배포까지 마무리했습니다. 그리고 앱을 소개하기 위한 사이트를 React로 만들었고 Git Pages로 호스팅했습니다. 어느 날, 한 팀원을 통해 Next.js를 알게 됐습니다. 그리고 코드드림팀에서는 Next.js를 공부하기로 했는데요. 우리가 공부하게 된 이유와 과정을 포스팅을 통해 공유하려고 합니다. 이번 포스팅에서는 Next.js를 공부하게 된 이유를 소개합니다. *이 포스팅 시리즈는 Next.js 공식 문서와 React 공식 문서, 타입스크립트, 리액트, Next.js로 배우는 실전 웹 애플리케이션 개발을 참고하여 작성했습니다. 1. 프론트엔드 개발 변천 jquery의 시작과 끝 프론트엔드는 어떻게 변화해왔을까요? 저는 6년차 .. wono | discuss | tweet
+ it dev nextjs structure How to structure scalable Next.js project architecture - LogRocket BlogLearn to structure your Next.js project strategically to build an application that will scale up without any issues as your project grows. wono | discuss | tweet
+ 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