More Premium Hugo Themes Premium Nextjs Themes

Boilerplate

Full stack boilerplate for Strapi + Next.js + Chakra UI projects, includes Cloudinary upload provider support, and AWS SES for emails by default.

Boilerplate

Full stack boilerplate for Strapi + Next.js + Chakra UI projects, includes Cloudinary upload provider support, and AWS SES for emails by default.

Author Avatar Theme by learnstrapi
Github Stars Github Stars: 5
Last Commit Last Commit: Apr 8, 2021 -
First Commit Created: Jun 19, 2023 -
Boilerplate screenshot

Overview:

The LearnStrapi Boilerplate is a full stack boilerplate specifically designed for Strapi, Next.js, and Chakra UI projects. It provides a monorepo setup, allowing users to easily run both Strapi and the Next.js client from a single command. Additionally, it offers options to run only the frontend after project deployment by setting up the CMS_URL_PRODUCTION in the client package. The boilerplate includes a basic Next.js app with Chakra UI, which is customizable with personalized branding. It also comes with some pre-built components and Strapi authentication.

Features:

  • Monorepo: Easily run both Strapi and the Next.js client from one command using the yarn dev command.
  • Frontend Only Mode: After project deployment, run only the frontend by setting up the CMS_URL_PRODUCTION in the client package.
  • Next.js App with Chakra UI: A basic Next.js app with Chakra UI is included, ready for customization with personalized branding.
  • Basic Components: Pre-built components are provided as a part of the boilerplate.
  • Strapi Authentication: Strapi authentication is already implemented in the boilerplate.

Installation:

To install the LearnStrapi Boilerplate, follow these steps:

  1. Set up gomplate and copy the env and customization files.
  2. Customize your project according to your requirements.
  3. Set up your repositories (alternatively, you can add the links later).
  4. Add your project settings to customize.json.
  5. Generate an admin JWT secret token for Strapi (if needed).
  6. Run your project locally using the following commands:
    • lerna bootstrap (to install dependencies)
    • lerna run build (to build Admin UI & Frontend)
    • lerna run start (to start frontend and backend with lerna)

Summary:

The LearnStrapi Boilerplate is a comprehensive solution for developing Strapi, Next.js, and Chakra UI projects. It offers a convenient monorepo setup and the ability to run the frontend separately after project deployment. The boilerplate includes a basic Next.js app with Chakra UI, along with pre-built components and Strapi authentication. By following the installation guide, users can easily set up and customize their projects according to their specific requirements.