Ng Babylon Template screenshot

Ng Babylon Template

Author Avatar Theme by Johnnydevnull
Updated: 5 Apr 2025
89 Stars

This is a basic template project to start with Angular 19.x and BabylonJS

Categories

Overview

The ng-babylon project serves as a foundational template combining Angular, BabylonJS, and Bootstrap version 5.x, perfect for developers looking to jump-start their projects. The integration of these technologies streamlines the development process, offering powerful rendering combined with modern web capabilities. With a well-structured setup, users can easily customize and expand upon this template to suit their specific needs.

This setup focuses on global SCSS styling, utilizing ViewEncapsulation.None and ChangeDetectionStrategy.OnPush to optimize performance. The directive to run a development server and the straightforward code scaffolding commands make it easy for developers to get up and running quickly, while the inclusion of unit testing and end-to-end testing recommendations ensures robust application maintenance.

Features

  • Easy Setup: Quickly generate a new project with Angular CLI, tailored for BabylonJS and Bootstrap.
  • Global SCSS Configuration: Leverage global styling with SCSS for flexible and maintainable designs.
  • OnPush Change Detection: Utilize ChangeDetectionStrategy.OnPush for improved performance and efficient rendering.
  • Development Server: Run ng serve to launch a local server that automatically reloads with code changes.
  • Code Scaffolding: Generate components, directives, pipes, and more seamlessly using the Angular CLI commands.
  • Build Artifacts: Easily compile your project using ng build, with outputs stored in the dist/ directory.
  • Testing Options: Execute unit tests with ng test and opt for Jest as a recommended test runner for enhanced functionality.
  • E2E Testing Guidance: Choose from various end-to-end testing frameworks, with Cypress Angular Schematic recommended for comprehensive testing solutions.