nextjs + it blog nextjs react next.js에서 react query가 필요할까?😋왜 필요할까?react-query가 제공해주는 SSR 환경에서 사용법을 보면서 한가지 의문이 들었습니다. react query가 제공해주는 캐싱, 리페칭 등등의 기능들이 매력적이긴한데...사실 대부분의 기능은 캐싱 , revalidate 같은 부분은next.js가 제공해주는 확장된 fetch 함수로도 충분하지 않나?? 그렇다면 next.js에서 react-query를 꽤나 복잡한 설정을 꾸역꾸역 설정하며 굳이굳이 사용할 필요성이 있을까?라는 의문이 들었습니다. 물론 아직 제공되지 않는 부분도 많을 것 같습니다.하지만 꼭 필요할까?라고 묻는다면 좀 애매할 것 같았습니다.그러던 중 You Might Not Need React Query라는 글을 발견했어요https://tkdodo.eu/blog/you-m.. wono | discuss | tweet + it dev nextjs shadcnui addon shadcn/ui add components and resourcesI often need some extra components / libraries that are ready to use in a shadcn/ui project, and with time I gathered some great resources. A set of utilities to create data tables with many useful… wono | discuss | tweet + it dev nextjs shadcnui shadcn/ui expansionsshadcnui expansion: Simple infinite scroll component. You have fully control over the loading spinner and IntersectionObserver API. wono | discuss | tweet + it dev nextjs shadcnui Shadcn infinite scroll exampleIn this post, let's explore how you can add infinite scroll functionality to your app using shadcn.... wono | discuss | tweet + it blog nextjs lighthouse Lighthouse로 Next.js 성능 44% 개선하기Lighthouse를 이용해서 Next.js 프로젝트의 성능을 최적화 했던 방법들을 공유하고자 합니다. wono | discuss | tweet + it dev nextjs jest Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts · vercel/next.js · Discussion #59041Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts wono | discuss | tweet + it dev nextjs jest NextJS 테스트 코드 작성하기 - 리액트 테스트에 대하여해당 글은 John Ahn 님의 따라하는 리액트테스트 강의를 참고하여 작성했습니다. 왜 애플리케이션을 TEST 해야 할까요? 간단하게 더 안정적인 애플리케이션을 위해서는 여러 방법으로 테스트를 해줘야 더 안정적인 애플리케이션이 될 수 있습니다. 테스팅으로 얻는 이점은 무엇일까요? 디버깅 시간을 단축! 만약 데이터가 잘못 나왔다면 그것이 UI의 문제인지 DB의 문제인지등 전부 테스트를 해봐서 찾아야 하는데 테스팅 환경이 구축된 어있다면 자동화된 유닛 테스팅으로 특정 버그를 쉽게 찾아낼 수 있습니다. 더욱 안정적인 애플리케이션! 많은 테스트 코드와 함께 작성된 코드의 애플리케이션이 되기 때문에 훨씬 안정적인 애플리케이션이 됩니다. 이밖에도 재설계 시간의 단축과 추가로 무언가를 더 구현해야 할 때 더 용이하게.. wono | discuss | tweet + it qa nextjs api Using API routes for large projects wono | discuss | tweet + it qa nextjs api Using NextJS as just a REST API wono | discuss | tweet + it dev nextjs swagger Setup Swagger in Nextjs App RouterSwagger is an Open Source set of rules, specifications, and tools for developing and describing RESTful APIs. The Swagger allows developers to create interactive, machine and human-readable API documentation. It also comes with a playground where we can try out actual APIs. In this article, we will see how to wono | discuss | tweet + it dev nextjs middleware Writing API Routein Nextjs14As a software engineer, change can sometimes be challenging. I love using react in its raw form because I love having control over my project. Using Nextjs has taught me that it’s never about how you… wono | discuss | tweet + it dev nextjs middleware Next.js Middleware for Securing API RoutesIntegrating middleware into your Next.js applications offers a powerful mechanism to enhance performance. Learn the impact of Next.js Middleware in API security. wono | discuss | tweet + it dev nextjs middleware Streamlining Middleware in Next.js 14 Api Routes with TypeScript: A Comprehensive GuideMiddleware plays a pivotal role in web development, offering a seamless way to handle requests, responses, and application logic. With the advent of Next.js 14 and the robustness of TypeScript… wono | discuss | tweet + it dev nextjs middleware How to Write Actual API Middleware for Next.jsWhenever I have to implement a web client for an app, or proof of concept of some sort, I instinctively reach for Next.js. A couple of years ago, I had to implement an app around the time Next.js… wono | discuss | tweet + it dev nextjs auth decorator reflect-metadata Reflect-metadata | jtwjs Dev Wiki wono | discuss | tweet + it dev nextjs auth decorator Decorators Routes | App Router with NextJS 14Decorators Routes | App Router with NextJS 14 . GitHub Gist: instantly share code, notes, and snippets. wono | discuss | tweet + it dev nextjs auth Building Your Application: Authentication | Next.jsLearn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management. wono | discuss | tweet + it blog jquery nextjs 우리가 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 prisma How to get total documents count along with pagination · prisma/prisma · Discussion #3087How to get total documents count along with pagination wono | discuss | tweet + it dev nextjs fonts next.js : google font 적용하기🧚♀️(feat. tailwind)next.js의 google font와, tailwind를 사용해서 프로젝트에 적용한 내용을 간단하게 정리해 보았습니다. wono | discuss | tweetNext
+ it blog nextjs react next.js에서 react query가 필요할까?😋왜 필요할까?react-query가 제공해주는 SSR 환경에서 사용법을 보면서 한가지 의문이 들었습니다. react query가 제공해주는 캐싱, 리페칭 등등의 기능들이 매력적이긴한데...사실 대부분의 기능은 캐싱 , revalidate 같은 부분은next.js가 제공해주는 확장된 fetch 함수로도 충분하지 않나?? 그렇다면 next.js에서 react-query를 꽤나 복잡한 설정을 꾸역꾸역 설정하며 굳이굳이 사용할 필요성이 있을까?라는 의문이 들었습니다. 물론 아직 제공되지 않는 부분도 많을 것 같습니다.하지만 꼭 필요할까?라고 묻는다면 좀 애매할 것 같았습니다.그러던 중 You Might Not Need React Query라는 글을 발견했어요https://tkdodo.eu/blog/you-m.. wono | discuss | tweet
+ it dev nextjs shadcnui addon shadcn/ui add components and resourcesI often need some extra components / libraries that are ready to use in a shadcn/ui project, and with time I gathered some great resources. A set of utilities to create data tables with many useful… wono | discuss | tweet
+ it dev nextjs shadcnui shadcn/ui expansionsshadcnui expansion: Simple infinite scroll component. You have fully control over the loading spinner and IntersectionObserver API. wono | discuss | tweet
+ it dev nextjs shadcnui Shadcn infinite scroll exampleIn this post, let's explore how you can add infinite scroll functionality to your app using shadcn.... wono | discuss | tweet
+ it blog nextjs lighthouse Lighthouse로 Next.js 성능 44% 개선하기Lighthouse를 이용해서 Next.js 프로젝트의 성능을 최적화 했던 방법들을 공유하고자 합니다. wono | discuss | tweet
+ it dev nextjs jest Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts · vercel/next.js · Discussion #59041Jest says "ReferenceError: Request is not defined" at node_modules/next/src/server/web/spec-extension/request.ts wono | discuss | tweet
+ it dev nextjs jest NextJS 테스트 코드 작성하기 - 리액트 테스트에 대하여해당 글은 John Ahn 님의 따라하는 리액트테스트 강의를 참고하여 작성했습니다. 왜 애플리케이션을 TEST 해야 할까요? 간단하게 더 안정적인 애플리케이션을 위해서는 여러 방법으로 테스트를 해줘야 더 안정적인 애플리케이션이 될 수 있습니다. 테스팅으로 얻는 이점은 무엇일까요? 디버깅 시간을 단축! 만약 데이터가 잘못 나왔다면 그것이 UI의 문제인지 DB의 문제인지등 전부 테스트를 해봐서 찾아야 하는데 테스팅 환경이 구축된 어있다면 자동화된 유닛 테스팅으로 특정 버그를 쉽게 찾아낼 수 있습니다. 더욱 안정적인 애플리케이션! 많은 테스트 코드와 함께 작성된 코드의 애플리케이션이 되기 때문에 훨씬 안정적인 애플리케이션이 됩니다. 이밖에도 재설계 시간의 단축과 추가로 무언가를 더 구현해야 할 때 더 용이하게.. wono | discuss | tweet
+ it dev nextjs swagger Setup Swagger in Nextjs App RouterSwagger is an Open Source set of rules, specifications, and tools for developing and describing RESTful APIs. The Swagger allows developers to create interactive, machine and human-readable API documentation. It also comes with a playground where we can try out actual APIs. In this article, we will see how to wono | discuss | tweet
+ it dev nextjs middleware Writing API Routein Nextjs14As a software engineer, change can sometimes be challenging. I love using react in its raw form because I love having control over my project. Using Nextjs has taught me that it’s never about how you… wono | discuss | tweet
+ it dev nextjs middleware Next.js Middleware for Securing API RoutesIntegrating middleware into your Next.js applications offers a powerful mechanism to enhance performance. Learn the impact of Next.js Middleware in API security. wono | discuss | tweet
+ it dev nextjs middleware Streamlining Middleware in Next.js 14 Api Routes with TypeScript: A Comprehensive GuideMiddleware plays a pivotal role in web development, offering a seamless way to handle requests, responses, and application logic. With the advent of Next.js 14 and the robustness of TypeScript… wono | discuss | tweet
+ it dev nextjs middleware How to Write Actual API Middleware for Next.jsWhenever I have to implement a web client for an app, or proof of concept of some sort, I instinctively reach for Next.js. A couple of years ago, I had to implement an app around the time Next.js… wono | discuss | tweet
+ it dev nextjs auth decorator reflect-metadata Reflect-metadata | jtwjs Dev Wiki wono | discuss | tweet
+ it dev nextjs auth decorator Decorators Routes | App Router with NextJS 14Decorators Routes | App Router with NextJS 14 . GitHub Gist: instantly share code, notes, and snippets. wono | discuss | tweet
+ it dev nextjs auth Building Your Application: Authentication | Next.jsLearn how to implement authentication in Next.js, covering best practices, securing routes, authorization techniques, and session management. wono | discuss | tweet
+ it blog jquery nextjs 우리가 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 prisma How to get total documents count along with pagination · prisma/prisma · Discussion #3087How to get total documents count along with pagination wono | discuss | tweet
+ it dev nextjs fonts next.js : google font 적용하기🧚♀️(feat. tailwind)next.js의 google font와, tailwind를 사용해서 프로젝트에 적용한 내용을 간단하게 정리해 보았습니다. wono | discuss | tweet