Sign in
Skip to solution
mediumFrontend

How do you bootstrap a standalone Angular application?

405 views
01

Understand the problem

Explain bootstrapApplication.

bootstrapstandalone
02

Attempt it yourself

Sketch your approach before reading the solution — that's what interviews test.

Nudge consolestandby

Stuck? Beam a request up — the console returns a conceptual nudge that guides your logic without spoiling the implementation.

03

Study the solution

Standalone apps start with bootstrapApplication(AppComponent, { providers: [...] }) instead of an AppModule. App-wide providers (router, HttpClient, etc.) are passed via the providers array using functions like provideRouter and provideHttpClient.

Solution ready — 2 min read

Classified // press E to declassify

04

Read the code

main.ts for a standalone app
import { bootstrapApplication } from '@angular/platform-browser';
import { provideRouter } from '@angular/router';
import { provideHttpClient, withInterceptors } from '@angular/common/http';
import { AppComponent } from './app.component';
import { routes } from './app.routes';
import { authInterceptor } from './auth.interceptor';

bootstrapApplication(AppComponent, {
  providers: [
    provideRouter(routes),
    provideHttpClient(withInterceptors([authInterceptor])),
    // ...your services / InjectionToken values
  ],
});
05

Join the discussion

Discussion (0)

Sign in to join the discussion.

No responses yet. Be the first to share what you think.

Transmission complete // awaiting log

KEEP THE
STREAK ALIVE.

Dossier 63 of 121 decoded in the Angular track. One more won't hurt.

Back to track