Community Picks·3yWhy I Won't Use Next.js
The author explains why they won't use Next.js and instead recommend and teach Remix as a better tool for creating excellent user experiences. They discuss the importance of focusing on standard web platform APIs, concerns about Next.js's deployment options, the perceived lack of collaboration between React and Next.js teams, and their preference for stability and simplicity in a framework.
ITNEXT·3yFull stack WebPageForm builder, NextJs, Typescript ( React ), Dnd-Kit, PostgreSQL, Prisma
A tutorial on building a full stack PageForm builder using NextJs, TypeScript, Dnd-Kit, PostgreSQL, and Prisma. The tutorial includes features such as a drag and drop designer, various form fields, form preview, form sharing, form stats, and more.
freeCodeCamp·3yBuild and Deploy an Ecommerce Site with Next.js, Tailwind CSS, Prisma, Vercel, and daisyUI
Learn how to build and deploy a full-stack e-commerce website using Next.js, Tailwind CSS, Prisma, Vercel, and DaisyUI. The course covers various topics, such as Next.js server actions, Prisma for database operations, authentication with Next-Auth and Google login, building an amazing UI with TailwindCSS and DaisyUI, and deploying the project to Vercel.
SD Times·3yNext.js 14 is now officially available, with addition of Server Actions and Partial Prerendering features
Next.js 14 introduces significant performance improvements, including faster local server startup and code updates. It also includes Server Actions for data mutations and Partial Prerendering for handling dynamic content. Vercel has also launched a new course on Next.js Learn.
Vercel·3yHow we optimized package imports in Next.js – Vercel
Next.js has optimized package imports, resulting in faster cold boots, faster builds, and improved local development speed. Barrel files, which group and export multiple modules from a single file, can cause slowdowns in importing packages. The new solution, `optimizePackageImports`, automatically maps all imports in barrel files, improving performance without the need for manual configuration. Upgrading to the latest version of Next.js is recommended for significant performance improvements.
Community Picks·3yExploring React Server Components and Server Actions with Next.js
React Server Components (RSC) are designed to run directly on the server and dynamically generate HTML that is sent to the client. They offer benefits like direct database querying and improved performance. Next.js implements RSC by combining server and client components to optimize performance. RSC differ from server-side rendering in that they are always pre-rendered on the server and only the HTML is sent to the client.
freeCodeCamp·3yHow to Build a Digital Products Store with Medusa and Next.js
Learn how to build an e-book online store using Medusa and Next.js. The tutorial covers topics such as setting up TypeScript type definitions, incorporating e-book previews into the product details, simplifying the checkout process for digital products, and delivering digital products to customers.
Community Picks·3yThe Best React Libraries for Internationalization
This article explores the best React i18n libraries, including react-i18next, react-intl, LinguiJS, and next-i18next. It compares their features, bundle sizes, and popularity. The article also provides code examples and tutorials for each library. If you're looking to internationalize your React app, this article is a great resource.