stackblitz/starters

StackBlitz Starter Project

StackBlitz Starter Templates

About this repository

StackBlitz uses Git repositories as the source of the starter templates on stackblitz.com. This repository contains the source code for several starter templates maintained by the StackBlitz team and community.

Some open-source projects maintain starter templates in their own repositories. For examples, see the create-vite templates and the nuxt/starter repository.

Contributing to this repository

Contributions to this repository are welcome. We ask that contributors first open an issue before opening a pull request for non-trivial changes, such as:

1. Adding a new template.
2. Upgrading a template’s npm dependencies to new major versions.
3. Changing many files in an existing template (except for formatting or cosmetic changes).

Please note: the presence of a starter template in this repository does not guarantee that this template will be included on stackblitz.com. The list of starter templates on stackblitz.com (pictured below) is currently hand-picked by the StackBlitz team.

License

The contents of this repository are made available under the terms of the MIT License.

By contributing code changes to this repository, you agree to StackBlitz distributing those code changes under this license.

Note that each starter template in this repository may specify — but not directly include — dependencies which are licensed separately by their respective authors. Please check licensing requirements for the dependencies and software packages you use.

starters's Issues

New Angular starter is not beginner friendly

The new Angular starter seems to have removed the default AppComponent that all new Angular projects, generated by Angular CLI, are setup with. There's no app folder, instead the usual contents of the AppComponent are now somehow in main.ts -

import 'zone.js/dist/zone';
import { Component } from '@angular/core';
import { CommonModule } from '@angular/common';
import { bootstrapApplication } from '@angular/platform-browser';
import { FirstComponent } from './first/first.component';

@Component({
  selector: 'my-app',
  standalone: true,
  imports: [CommonModule, FirstComponent], // ERROR - cannot import custom components
  template: `
    <h1>Hello from {{name}}!</h1>
    <a target="_blank" href="https://angular.io/start">
      Learn more about Angular 
    </a>
    <app-first></app-first>
  `,
})
export class App {
  name = 'Angular';
}

bootstrapApplication(App);

Creating new, custom components and importing them into an AppComponent (which is what everyone does when getting started with Angular) now no longer works -

URL - https://stackblitz.com/edit/stackblitz-starters-2hwyyr?file=src%2Fmain.ts

It is not convenient having users go and first learn how to deal with standalone components and NgModule, if all they want to do is get started with a simple Angular app quickly.

Change default template for React TS

Describe the bug

The default React template is using CRA instead of Vite.

Link to the blitz that caused the error

https://stackblitz.com/

Steps to reproduce

• Click on new project
• Click on React
• Wait for react-scripts to load

Expected behavior

Use Vite

Parity with Local

• I have run the project in my local machine and I could not reproduce the issue.

Screenshots

No response

Platform

No response

Additional context

No response

Framework support for `h3`

Describe the solution you'd like

unjs/h3 is a minimal, compasable futuristic framework for making universal HTTP servers powering nitro and nuxt and works perfectly on stackblitz ❤️

I think it would be beneficial for the community to list h3 as a "backend" framework

Provide a link to a GitHub repo containing an example of the framework

https://stackblitz.com/github/unjs/h3/tree/main/playground?startScript=dev

Additional context

• Related: Nitro support: #9

The playground leverages unjs/listhen as a beautiful listener with (experimental) dev server watcher for immediate code updates and typescript support! I would be happy to use a normal node dev command and also followup if you are interested to make use of listhen -w for other backend presets like express (it is fully compatible!)

Wrong NestJS logo when choosing a starter

Wrong NestJS logo when choosing a starter

But in the existing projects it's all good

[bug] Wrong Logo in Python Starter

Why is the promoted Vue template not using Vite?

Cross-posting here since there was no activity yet on stackblitz/core#2792 and I know that many people having issues because of this.
Thanks.

Error: NG0908: In this configuration Angular requires Zone.js

When I open https://stackblitz.com/github/alcfeoh/ng-training-demos, I get the following error in the console:

Not sure what's going on, as this project works great outside of Stackblitz and does use Zone.js

Framework support for `nitro`

Describe the solution you'd like

Nitro is a server (builder) framework powered by unjs/h3 and used under the hood by Nuxt (and more) but is also a standalone server builder working perfectly on stackblitz ❤️

I think it would be so much beneficial for the community if we add nitro to the "Backend" section in stack blitz

Provide a link to a GitHub repo containing an example of the framework

https://stackblitz.com/github/unjs/nitro/tree/main/examples/hello-world?file=package.json

Additional context

Related: H3 support #8