NuxtVueStarter

starter-b24ui — Nuxt Starter Template

By bitrix24

A Nuxt-based Bitrix24 UI starter template for quickly setting up frontend projects that use the @bitrix24/b24ui component library.

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

2 previews
Desktop homepage1 / 2
Desktop captureTop of page

Actual screenshot captured by the server browser.

All pages & views 2

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

An official Bitrix24-maintained Nuxt starter template, with the repository under the MIT license

02

Preconfigured with the @bitrix24/b24ui component library, along with b24icons icons and b24jssdk

03

Built-in lint, typecheck, and test scripts (Vitest and @nuxt/test-utils)

04

Provides build and preview scripts to build and locally preview the production version

05

Includes .env.example, configuring the hosts allowed by the Vite development server through NUXT_ALLOWED_HOSTS

Template Details

This is the official Bitrix24 Nuxt starter template, with the repository name starter-b24ui, released under the MIT license. Its purpose is to let developers skip configuration from scratch and directly build on a Nuxt project while integrating the Bitrix24 UI component library (@bitrix24/b24ui), together with the @bitrix24/b24icons icon set and @bitrix24/b24jssdk. The README explicitly states that this template targets Nuxt; for the Vue version, see the starter-b24ui-vue repository.

The template provides a complete set of development scripts: pnpm install to install dependencies, pnpm dev to start the development server locally on port 3000, pnpm lint for code linting, pnpm typecheck for type checking, and pnpm test to run tests based on Vitest and @nuxt/test-utils. For production, it provides pnpm build to build and pnpm preview for local preview, with deployment details pointing to the official Nuxt deployment documentation.

For environment variables, the template includes .env.example, in which NUXT_ALLOWED_HOSTS is used to append, in comma-separated form, the hosts allowed to access the Vite development server, making it convenient to expose the local development service through tunnels such as ngrok. The repository also provides an online demo page that can be used to view the template's actual interface.

Note that the materials do not state which specific pages, business modules, or backend integrations the template includes; its positioning is a starting scaffold for the UI component library, not a complete application. Before use, you should verify dependency versions and the licenses of third-party assets yourself.

NuxtStarter

Is it right for your project?

Use Cases

  • Creating a new frontend project with Nuxt and wanting to use the Bitrix24 UI component library directly
  • Needing a Nuxt starter project with code linting, type checking, and test scripts
  • Configuring allowed hosts when exposing the local development server to external access through tunnels such as ngrok

Suitable For

  • Developers using Nuxt who need the Bitrix24 UI component library
  • Teams that want to use the official template as a project starting point and reduce initial configuration work
  • Nuxt projects that need ready-made lint, typecheck, and test scripts

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    After cloning the repository, enter the directory and run pnpm install to install dependencies

  2. 2

    Run pnpm dev to start the development server at http://localhost:3000

  3. 3

    Copy .env.example to .env and set NUXT_ALLOWED_HOSTS as needed

  4. 4

    Use pnpm build for production builds and pnpm preview for local preview

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately against their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version in the public repository under the MIT license; the free scope is the code of that version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution of that version's code are permitted.
  • When distributing copies or substantial portions of the code, retain the original author's copyright notice and the complete MIT license notice.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
  • External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
More documented · 80 / 100
Technologies
Nuxt · Vue
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2026-10-01
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: dcea0b1c3b71d01b738b1a71e7d3381e55db2367325566e2df45baa4a8ca3d37

2026-10-02T10:25:47.081Z

Source file / repository
# Nuxt Starter Template

[![Bitrix24 UI](https://img.shields.io/badge/Made%20with-Bitrix24%20UI-2fc6f6?logo=bitrix24&labelColor=020420)](https://bitrix24.github.io/b24ui/)

Use this template to get started with [Bitrix24 UI](https://bitrix24.github.io/b24ui/) quickly.

- [Live demo](https://bitrix24.github.io/starter-b24ui/)
- [@bitrix24/b24ui](https://bitrix24.github.io/b24ui/docs/getting-started/installation/nuxt/)
- [@bitrix24/b24icons](https://bitrix24.github.io/b24icons/)
- [@bitrix24/b24jssdk](https://bitrix24.github.io/b24jssdk/)

> The starter template for Vue is on https://github.com/bitrix24/starter-b24ui-vue.

## Quick Start

```bash [Terminal]
git clone https://github.com/bitrix24/starter-b24ui.git <project-name>
cd <project-name>
pnpm install
pnpm run dev
```

## Setup

Make sure to install the dependencies:

```bash
pnpm install
```

## Development Server

Start the development server on `http://localhost:3000`:

```bash
pnpm dev
```

## Code Quality

Lint the codebase:

```bash
pnpm lint
```

Run type checking:

```bash
pnpm typecheck
```

Run the tests (powered by [Vitest](https://vitest.dev/) and [`@nuxt/test-utils`](https://nuxt.com/docs/getting-started/testing)):

```bash
pnpm test
```

## Environment Variables

Copy `.env.example` to `.env` and adjust the values as needed:

```bash
cp .env.example .env
```

| Variable | Description |
| --- | --- |
| `NUXT_ALLOWED_HOSTS` | Comma-separated list of extra hosts allowed by the Vite dev server. Useful when exposing the dev server through tunnels like ngrok. |

## Production

Build the application for production:

```bash
pnpm build
```

Locally preview production build:

```bash
pnpm preview
```

Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.