Overview

The Prototypr Front End Application is a website built using Next.js’s Static Generation feature and Strapi as the data source. This application serves as an example of how to create a front end using Next.js and connect it to a headless CMS backend. Users can learn more about the creation process of the app via the provided link. The app can be run locally with a local instance of the Strapi CMS backend or by connecting to the development version hosted in the cloud.

Features

• Next.js’s Static Generation feature for improved performance.
• Strapi CMS backend for managing content.
• Connection to a hosted Strapi CMS instance for easy setup.
• Compatibility with node v14.17.4.
• Ability to clone the repo and run the app locally.

Installation

To run the Prototypr Front End Application locally, follow these steps:

1. Clone the repository to your machine.
2. Navigate to the project folder and run npm install to install the necessary dependencies.
3. Set up the environmental variables by creating a .env.local file and adding the required variables.
4. Run npm run dev to start the local development server.

To set up the required environmental variables, include the following in the .env.local file:

// Add environmental variables here

Summary

The Prototypr Front End Application is a showcase of using Next.js’s Static Generation feature with Strapi as the data source. It provides a guide on how to set up and run the app locally, as well as connect to a hosted version of the Strapi CMS backend. With its compatibility with node v14.17.4 and easy installation process, the app serves as a useful resource for developers looking to build front end applications with Next.js and Strapi.