SELISE <blocks /> Constructᵇᵉᵗᵃ

SELISE <blocks/> Construct is a fully functional application blueprint designed to accelerate development with SELISE <blocks />. Pre-integrated with SELISE <blocks /> microservices, it offers a seamless full-stack foundation, complete with essential features, prebuilt modules, and practical use cases. Whether starting fresh or enhancing an existing project, SELISE Blocks Construct provides a scalable framework that streamlines workflows, ensures best practices, and maximizes SELISE `' capabilities.

Live Links

• SELISE <blocks /> Construct → construct.seliseblocks.com
• SELISE <blocks /> Cloud → cloud.seliseblocks.com

Other Links

Frontend

• SELISE <blocks /> CLI (NPM) → @seliseblocks/cli
• GitHub Repository (WEB) → l3-react-blocks-construct
• GitHub Repository (MOBILE) → l3-flutter-blocks-construct

Backend

• SELISE <blocks /> CLI (NuGet) → SeliseBlocks.CLI
• GitHub Repository → l3-net-blocks-consumer

---

Setting Up Blocks Construct Using CLI

Get your local machine ready to set up a full-stack project integrated with SELISE <blocks /> services. Follow these short steps to complete the setup easily and start building right away.

1. Access SELISE Blocks Cloud

Open Blocks Cloud

1. In your browser, go to SELISE <blocks /> Cloud.

Create an Account

1. Click Sign Up and follow the instructions to create an account.
2. Once registered, log in with your credentials.

Access the Console

1. After logging in, you will land on the Console where you can manage projects.

---

2. Create a New Project

Before You Begin

Make sure you have a registered domain and access to its DNS settings.

Create Your Project

Set up a new project in the Cloud Console.

1. In the Console, click Create New Project.
2. Enter a unique project name.
3. Select an environment:
   • Choose either Sandbox or Production.
   • The page will expand to display the domain input field.
4. (Optional) Enable Cookie Domain:
   • Check the box to see the cookie domain in use.
   • Follow the provided instructions for DNS settings.
5. Click Create to initialize the project.
6. The Console will update to display your project.

---

3. Install SELISE Blocks CLI

Check System Requirements

Make sure you have the following tools installed:

• Node.js (v20.x or later) → Download Node.js
• NVM (Node Version Manager) → Install NVM
• Git → Download Git

Install SELISE Blocks CLI

Install the CLI globally to easily scaffold your projects.

npm install -g @seliseblocks/cli

If you encounter permission issues on Linux/macOS:

sudo npm install -g @seliseblocks/cli

Verify Installation

Check if the CLI was installed successfully.

blocks

To check the installed version:

blocks v

---

4. Create a New Project Locally

Initialize the Project

Use the CLI to set up your project structure and download the codebase.

blocks new <platform> <folder-name>

• Replace <platform> with either web, mobile.
• Replace <folder-name> with your preferred local folder name.

For example, to create a mobile project in a folder named 'my-project', your command line should look like this blocks new mobile 'my-project'

Enter Project Details

After setup, the CLI will ask for:

1. Project Name – Enter the project name you used earlier when creating the project on Blocks Cloud.
2. Project Key – Copy it from your Project Dashboard.
3. Domain – The domain you registered earlier.

---

5. Start SELISE Blocks Construct

Navigate to the Project Directory

Move into your project's folder.

cd <folder-name>

Replace <folder-name> with your project's folder name.

Start the Application Locally

To start the application, run this command:

for stage environment

flutter run

for production environment

flutter run --dart-define="ENV=prod"

---

6. Create a user and Log In

Create a User

You’ll need at least one user account to access the application.

1. Invite a new user from the User Management Service in Cloud.
2. The invited user will receive an email to activate the account.
3. After activation, the user can set a password.

Log In to SELISE Blocks Construct in app

Open your browser:

• Go to your locally running app.
• Enter your credentials to log in.

---

Next Steps

You are now ready to build and extend your application with SELISE Blocks Construct.