React

Tiempo de lectura: 2 minutos Today we are going to learn a way to create a Head component that repeats on our pages and serves to customize each page we visit, so that it is built on a Server Side Render (SSR). The first thing we are going to do is create an object with the attributes that we are … Read more

Tiempo de lectura: < 1 minuto Today we’re going to learn how to create dynamic routes for linking with parameters using Next.js. The first thing we’re going to do is to create a folder within our pages called article, and inside it, we’re going to create a file named: [id].tsx Resulting in: -pages -article – [id].tsx This will allow us to … Read more

Tiempo de lectura: 2 minutos This tutorial, you will learn how to create a theme context that spans your entire Next.js application using React. Make sure you have Node.js installed on your system. Then, you can create a new Next.js project using the following command in your terminal: npm create-next-app my-theme-app After the installation is complete, navigate to your new … Read more

Tiempo de lectura: 2 minutos Today I am going to share a folder structure that you can use to organize your React project with Next.js. When working with React and Next.js, it is common to organize your project into several folders to maintain a clean and easy-to-understand structure. Here is a typical folder structure that can be used: pages: This … Read more

Tiempo de lectura: < 1 minuto Today we will learn how to create a build (with the folder) using React Next.js. The first thing we need to do is go to the next.config.mjs file which by default has: /** @type {import(‘next’).NextConfig} */ const nextConfig = {}; export default nextConfig; We will change it to: /** @type {import(‘next’).NextConfig} */ const nextConfig = … Read more

Tiempo de lectura: 2 minutos To deploy the web application we have created with React and Next.js, we will follow these steps: run npm build Make sure to replace your-domain.com with your actual domain and /path/to/your/application/build with the actual path to your Next.js application’s build folder. sudo systemctl restart nginx It is important to note that Nginx will only serve … Read more

Tiempo de lectura: 2 minutos Today we are going to learn how to create a React project with Next.js and run it. The first thing we are going to do is to create a new project with this command: npm create-next-app my_app Now it will ask about the configuration. I have chosen and recommend this one: Use TypeScript since it … Read more