LPX55 / prototypr-frontend

Open source publishing platform, built with Next.js and Strapi CMS backend. Uses Tiptap / Prose-mirror editor. 💙

Prototypr Front End Application

This site uses Next.js's Static Generation feature using Strapi as the data source.

Learn more about how the app was created over here.

Prerequisites

This Next.js app depends on a Strapi CMS backend, which is used as a headless CMS.

You don't need to install the Strapi CMS backend to run the front end - instead, you can connect to the development version we have running in the cloud by adding our hosted Strapi url in your .env file (see 'Set up .env variables' section).

If you do want to run the backend locally though, here is a guide.

Demo

https://prototypr-frontend.vercel.app/

How to run

1. Clone this repo to your machine
2. Run npm install from the project folder (we are using node v14.17.4)
3. Set up the environmental variables (see nect section)
4. npm run dev

Set up .env variables

Once you've cloned the repo, create a .env.local file, and add the following:

STRAPI_PREVIEW_SECRET=_genrate_key
NEXT_PUBLIC_STRAPI_API_URL=yourstrapiapiurl.com

NEXTAUTH_URL=http://localhost:3000

NEXTAUTH_SECRET=_genrate_key
NEXT_PUBLIC_API_URL=yourstrapiapiurl.com

NEXT_PUBLIC_DATABASE_URL=postgresql://[dbusername]:[dbpassword]@[dburl]:[db-port]/[name]