Next.js·2yNext.js 14.2
Next.js 14.2 includes development, production, and caching improvements. It introduces Turbopack for Development, which significantly improves local development performance. There are also enhancements in build memory usage, CSS optimization, caching, and error DX. The release prepares for the integration of React 19 and includes other improvements and documentation updates.
Community Picks·2yNext.js: The Future Of React?
Next.js is a React framework for building full-stack web applications. It provides extra functionalities on top of React.js, including server-side rendering (SSR) and improved SEO. Next.js offers benefits such as improved performance, enhanced SEO, and easy caching of rendered data. In comparison to React.js, Next.js solves problems related to search engine indexing and website previews. It is a valuable addition to the tech stack for those who prioritize SEO and performance. As for the future of React.js and frontend development, Next.js offers powerful features and tools that contribute to its growing popularity.
Cerbos·2yA Complete Guide to Next.js Authorization
Learn about authorization in Next.js using Cerbos, an open-source authorization project. Understand how authorization works, how to integrate it into a Next.js application, and implement attribute-based access control (ABAC) and role-based access control (RBAC).
Theo - t3․gg·2yFrom 0 to Production - The Modern React Tutorial (RSCs, Next.js, Shadui, Drizzle, TS and more)
This post is a production-ready React tutorial that showcases how to build production apps using the T3 stack, Next.js, and various other technologies. It also includes recommended hosting solutions and introduces the concept of server components in Next.js.
LogRocket·2yImplementing infinite scroll in Next.js with Server Actions
Learn how to implement infinite scroll in Next.js using Server Actions, fetching initial data on the server and improving perceived performance. External libraries such as SWR or Tanstack Query are no longer required. Use the TypiCode dummy REST API to fetch blog posts and organize data models effectively. Reusable API URLs and error handling can be implemented with utility functions. Create UI components to display the fetched data, and enhance the app with infinite scrolling using the react-intersection-observer library or the Intersection Observer API. Debugging Next.js applications can be made easier with tools like LogRocket.
freeCodeCamp·2yCreate a Google Photos Clone with Next.js and Cloudinary
Learn how to create a powerful photo management app using Next.js and Cloudinary. The course covers efficient image handling, advanced features with Cloudinary and Tanstack Query, UI enhancements, AI integrations, creative image manipulation, and optimizing application performance.
freeCodeCamp·2yHow to Build a TODO App from Scratch with React.js
Learn how to build a TODO app from scratch with React.js. The tutorial covers the steps to set up a React app with Next.js, creating different components, adding new TODOs, marking TODOs as completed, editing and deleting TODOs, and persisting the TODO data in localStorage.
Robin Wieruch·2yExploring Authentication in Next.js
This post explores the process of implementing authentication in Next.js using Next's App Router, React Server Components (RSC), and Server Actions. It covers the creation of sign-up and sign-in pages, as well as the use of Lucia Auth for session management. The post also discusses the use of Prisma for database access and provides guidance on protecting routes and displaying different navigation items based on the user's authentication status.
Community Picks·2yGlobal progress in Next.js
The post discusses the new App Router in Next.js, the use of a custom Link component to show a progress bar during page navigations, and the use of the useProgress Hook to control the progress state. It also mentions the benefits of using React Transitions and the framework-agnostic nature of the components.
builder.io·2yServer-only Code in Next.js App Router
The post discusses the importance of distinguishing between server-only and client-side code in a Next.js application. It covers how to define server-only code and introduces the server-only package as a way to prevent the inclusion of such code in the client bundle.
