Technical articles
Find technical articles written by our team of expert developers.
Adding context to our application in Next.js
Today we will be looking at how to use context within React applications. The first thing to note is that context is an easier way to pass data through the component tree without having to manually pass information at each level. In a typical React application, data is passed from the top down through props, but sometimes usage can be cumbersome for certain types of props (e.g., languages, UI theme)
Creating a new page and layout using Next.js
Next.js is a React framework that allows you to create applications that run on both the client and the server, also known as JavaScript end-to-end applications. This framework helps to create end-to-end applications in less time by optimizing basic functions, such as client-side routing and page layout. At the same time, it simplifies advanced functions, such as server-side rendering and code splitting. Note that with Next.js, each page is represented
Solr vs. Elasticsearch: Which search engine is the best?
Searches are an integral and important part of any application. Searching terabytes and petabytes of data can be a challenge when speed, performance, and high availability are basic requirements, it is for this reason that you turn to a search engine like Solr or Elasticsearch to manage these challenges. Short comparison A comparison was made between the most popular and widely used open source search engines, Solr and Elasticsearch, to
Docksal vs. Lando: comparison
I have compared some aspects of Docksal and Lando. Next I will present a summary of particular features I have focused on. It is not a complete list of features; nonetheless, I consider that they are some of the most important for a local development environment focused on customer work. User interface Both Docksal and Lando are managed from the command line; none of them have a graphic user interface.
My first app using NextJs and MongoDB
Today, we’re going to create our first NextJS app that uses MongoDB to store information. This will be a simple products app that shows a list of products on the homepage. We will also build the tools to let us add, edit or delete products as needed. Let’s start? First, we run this command: npx create-next-app product-list cd product-list Now, we’re going to add some extra packages: npm i bootstrap
First steps with Next.js
Next.js is a JavaScript framework that allows you to build static, server-side rendering web applications using React. To get started we need to have Node.js installed, if you don’t already have it: You can install it from here: NodeJs Next, we must install Nextjs on the local by executing the following command: npm install next react react-dom Once finished, we will have the following basic structure of a site created