Building Blocks of a Web Application

There are a few things you need to consider when building modern applications. Such as:

• User Interface - [react] - how users will consume and interact with your application.
• Routing - how users navigate between different parts of your application.
• Data Fetching - where your data lives and how to get it.
• Rendering - when and where you render static or dynamic content.
• Integrations - what third-party services you use (CMS, auth, payments, etc) and how you connect to them.
• Infrastructure - where you deploy, store, and run your application code (Serverless, CDN, Edge, etc).
• Performance - how to optimize your application for end-users.
• Scalability - how your application adapts as your team, data, and traffic grow.
• Developer Experience - your team’s experience building and maintaining your application.

For each part of your application, you will need to decide whether you will build a solution yourself or use other tools such as libraries and frameworks.

What is React?

React is a JavaScript library for building interactive user interfaces. By user interfaces, we mean the elements that users see and interact with on-screen. By library, we mean React provides helpful functions to build UI, but leaves it up to the developer where to use those functions in their application.

**React is a JavaScript library for building user interfaces**  developed by Facebook, made open-source in 2013. It is used to design interactive user interfaces effortlessly, using components that work in a simple way: they receive the input data and render the display. The output can go from a traditional "Hello World" print to complex UI's, using rich data.

What is Next.js?

Next.js is a React framework that gives you building blocks to create web applications.

By framework, we mean Next.js handles the tooling and configuration needed for React, and provides additional structure, features, and optimizations for your application.