Bjarke Ingels Group | Clone (headless cms)

Live Demo

About the clone

The aim of this clone is to provide — like the original — a CMS that allows the user to create projects in an easy and fast way, which automatically generates the necessary properties based on the project information (alphabetical, slug, scale) to use them on the client-side.

About the Client (repository): It improves the BIG (Bjarke Ingels Group) website which is made with wordpress, a custom plugin and the Canvas API and which lacks of responsiveness, accesibility, performance and SEO based on the lighthouse report.

It also helped me to get a workaround to the flex-direction: column; css problem.

Features

• Headless CMS.
• Roles.
• Content-type builder.
• Automatically generated properties based on project information (alphabetical, slug, scale).
• Easy to adapt to new requirements (e.g blog).

Made with

• Strapi.
• Cloudinary as a third-party image storage solution.
• Heroku for deployment.
• Next.js for the Client => repository.

Installation and start

To get a local copy up and running follow these steps:

1. Clone this repo

   $ git clone https://github.com/francoromanol/big.dk-clone_server.git

2. Install packages

   $ yarn install

3. In .env

   HOST=0.0.0.0
   PORT=1337
   # for production:
   CLOUDINARY_NAME = [CLOUDINARY NAME]
   CLOUDINARY_KEY = [CLOUDINARY KEY]
   CLOUDINARY_SECRET = [CLOUDINARY SECRET]

4. Run headless cms

   $ yarn develop

Once started the app should be available via localhost:1337/admin and you will need to use this credentials:

email: admin@hotmail.com password: Administrator0

Have a great day!