poly-glot/bhxtravel

An open source NextJS project, powered by Builder.io and hosted on Vercel infrastructure.

BHXTravel

This NextJS project is powered by Builder.io and hosted on Vercel infrastructure.

Prerequisites

• Nodejs 18+

Getting Started

1. Install all dependencies

npm install

2. Rename .env.sample to .env and supply the values. You can copy the env variables from vercel -> bhxtravel -> settings -> environment variables.

3. Launch Application

npm run dev

Setting up your own Builder.io Account

You can register for free builder.io account and import content & experiment with components. After successful registration copy your API private key. You can find Private Key in Account Settings -> Organization.

1. Install Builder.io cli

npm install @builder.io/cli -g

2. Import Content to your Builder.io Account. If you prefer to work with the latest content, you can download the latest weekly snapshot created by Github backup workflow.

builder create -n bhxtravel-demo -k [PRIVATE KEY] -i ./content

4. Visit Builder.io Admin panel & select newly created "space". Copy & Update the "Public API Key" in .env file.

5. Visit Content Admin to start modifying content.

Overview

Tips

Editor Setup

IntelliJ

• Install PostCSS Plugin
• Change CSS Dialect to PostCSS in Language & Frameworks -> Stylesheets -> Dialects

Adding Icons

• Add SVG icon(s) to icons/ folder
• Run the following command in your terminal

npm run icons

• Push changes

Deploy

Every time a commit is made to the main branch, Vercel automatically deploys the application.