Overview

This section will guide you through the process of configuring your Blueprint app. You will learn how to set up the different services that are available to you, such as Kraken, Stripe, Google Analytics, etc.

Scope shared (agnostic) code to your app

Each app has a app.config.ts file in their src folder, which is responsible for scoping every shared piece of code from the core package to your app. This file allows you to customize various aspects of your app, such as the name, description, port, supported languages, and more. Additionally, you can modify Coral's theming by overriding the available values in the theme property.

Note: Some values in app.config.ts are sourced from the sibling file app.constants.js, as they are referenced in JavaScript files like next.config.js.

Environment variables

To configure the different services used in your application, create a duplicate of the .env.example file and rename it to .env.local in the root of your app.

In the following pages, we will guide you through the configuration process for each service. Keep in mind that all services are optional except for Kraken.

If you decide not to use certain services, make sure to delete any related code.

There is no specific order in which you need to configure the services, but it is recommended to configure the ones you want to use before deploying the app to Vercel.