Appearance

Starting a New Project ​

Congratulations on starting a new frontend project! This section will guide you through the initial steps to kickstart your project and get it up and running.

Requesting a Project Repository ​

To begin, you'll need to request the creation of a new project repository from the Code Quality and Tooling channel on teams. You will be required to provide the following details to create the repository:

  • Project: [Project Name]
  • Project Type: [Type of Project - Frontend/Backend/API]
  • Repository Name: [Desired Repository Name]
  • Description: [Brief Description of the Project]
  • Project Team Members: [List of Team Members]

Once your request is submitted, the Tooling team will create the repository and provide you with access to get started.

Choosing a Framework ​

Based on the project requirements and your familiarity with different frameworks, you'll need to decide whether to use Vue Nuxt or React Next for your project. Both frameworks offer powerful features and capabilities for building modern web applications at Hubtel.

Starting a Next.js App ​

TIP

Follow the detailed guide on using Hubtel Frontend CLI to scaffold and initialize new projects. The CLI tool provides templates and configurations to streamline the setup process for your project.

If you've chosen to use Next.js for your project, follow these steps to start a new Next.js app:

  1. Ensure you have Node.js installed on your machine. You can download and install Node.js from nodejs.org.
  2. Open your terminal or command prompt.
  3. Navigate to the directory where you want to create your project.
  4. Run the following command to create a new Next.js app:

npx create-next-app [project-name]

  1. Once the installation is complete, navigate into your new project directory:

cd [project-name]

  1. You can now start your Next.js app by running the following command:

npm run dev

Your Next.js app will start running at http://localhost:3000. You can now begin building your project using Next.js!

Additional Next JS References ​

For more details on building a Next.js app, you can refer to the official Next.js documentation

Starting a Nuxt.js App ​

TIP

Follow the detailed guide on using Hubtel Frontend CLI to scaffold and initialize new projects. The CLI tool provides templates and configurations to streamline the setup process for your project.

If you've chosen to use Nuxt.js for your project, follow these steps to start a new Nuxt.js app:

  1. Ensure you have Node.js installed on your machine. You can download and install Node.js from nodejs.org.
  2. Open your terminal or command prompt.
  3. Navigate to the directory where you want to create your project.
  4. Run the following command to create a new Nuxt.js app:

npx nuxi@latest init <project-name>

  1. Once the installation is complete, navigate into your new project directory:

cd [project-name]

  1. You can now start your Nuxt.js app by running the following command:

npm run dev

  1. Open your web browser and navigate to http://localhost:3000 to see your Nuxt.js app running.

Additional References ​

For more details on building a Nuxt.js app, you can refer to the official Nuxt.js documentation.

Was this page helpful?

Happy React is loading...