Latest posts
Latest posts
Uploading files to AWS S3 is a core feature for many modern web applications. In this article, we’ll explore how to set up a Next.js application (version 13+ with App Router) to allow users to upload files directly to an S3 bucket, using AWS SDK v3 for optimal performance and security. This guide includes best practices, robust validation, and an optional TypeScript version for developers seeking strong typing.
In React development, passing data through multiple component layers can become cumbersome, a problem known as prop drilling. The useContext API offers a clean solution by enabling global data sharing without manual prop passing. This article dives into how useContext works, its practical use cases, best practices, and limitations to help you use it effectively in your applications.
The JavaScript ecosystem is evolving at breakneck speed, and 2025 promises to be a pivotal year for web development frameworks. From established giants like React and Next.js to innovative newcomers like Qwik, developers have a wealth of options. This article explores the key trends, must-watch frameworks, and emerging innovations shaping the future of web development.
The reduce() method in JavaScript is a key tool for transforming arrays into a single value, whether it’s a number, an object, or a flattened structure. Known for its versatility, it’s a favorite in functional programming. This article dives into how reduce() works, its practical applications, and tips for using it effectively, presented in both French and English.
Vitest is a fast and modern unit testing framework designed to integrate seamlessly with Vite, making it an excellent choice for Next.js applications built on React. This article explains how to set up Vitest in a Next.js project, write unit tests for your components and functions, and adopt best practices to ensure reliable and maintainable code. Whether you're a beginner or an experienced developer, this guide will help you establish a robust testing environment.
On June 25, 2025, the 129th Ecma General Assembly approved ECMAScript 2025 (ES16), a groundbreaking update for JavaScript. Featuring new Set methods, Promise.try, and advanced regular expressions, this standard makes the language more performant, expressive, and suited for modern apps. Integrated into Next.js 15.4, released on July 14, 2025, these features boost productivity and performance. This article explores these features, their practical applications, limitations, and JavaScript’s future, drawing on trusted sources like codeweb.app and nextjs.org.
On July 14, 2025, the Vercel team announced the release of Next.js 15.4, an update that brings significant improvements in performance, stability, and Turbopack compatibility to this widely adopted React framework. With over 10 million weekly downloads, Next.js continues to dominate the full-stack web development landscape. This article explores the new features of this release, their impact on developers, and why Next.js remains a top choice in 2025.
React.js, launched in 2011 by Facebook, is a widely-used JavaScript library for building dynamic user interfaces. As a library, it provides tools for creating UI components but leaves the overall application management to you. Next.js, introduced in 2016 by Vercel, is a framework built on React that offers a comprehensive solution for developing modern web applications, including features like routing, performance optimization, server-side rendering (SSR), and static site generation (SSG). In this article, we compare Next.js to a standard React application (e.g., created with Vite or Create React App) to help you choose the best option for your project in 2025.
React continues to evolve, and with React 18.3, the useOptimistic hook was introduced to improve UI responsiveness by allowing updates before async actions are confirmed. Let’s compare it with the classic useState and explore when and how to use it.
A sitemap is a key file for SEO—it allows search engines like Google, Bing, or DuckDuckGo to efficiently crawl and index all your website's available pages, even if some aren’t directly linked. Thanks to Next.js, you can easily generate either a static or dynamic sitemap based on your app’s routing strategy. Whether you're using file-based routes or dynamic content from APIs or CMSs, Next.js adapts to your needs.
In Next.js, navigating between pages is seamless thanks to the component and the useRouter hook. They allow for fast, client-side routing without full page reloads, while supporting performance features like route prefetching.
In this article, I will explain how to set up Prisma in a Next.js project. Prisma is a modern ORM that simplifies database management, while Next.js allows you to build performant and scalable React applications.
Next.js provides a robust system for managing environment variables, which are crucial for setting global configurations like API URLs, secret keys, or database credentials. These variables can be versioned or kept local, depending on your project's requirements.
Next.js is one of the most widely used React frameworks today, known for its power, flexibility, and simplicity. With over 133,000 stars on GitHub and more than 3,300 contributors, it benefits from regular updates and cutting-edge features.
Since its release in 2016, Next.js has quickly become one of the most popular frameworks for building modern web applications. Based on React and supported by Vercel, it offers many advanced features such as server-side rendering (SSR), static site generation (SSG), built-in routing, and automatic image optimization. In this article, we’ll walk through how to create your first Next.js app and understand its core architecture.
Stay informed about the latest articles, tutorials, and news.
Stay informed about the latest articles, tutorials, and news.