mediumFrontend

How do you bootstrap a standalone Angular application?

Q: How do you bootstrap a standalone Angular application?

**Core concept.** Call bootstrapApplication(AppComponent, { providers: [...] }) in main.ts — no AppModule required. App-wide dependencies (router, HTTP, animations) are supplied as **providers**, using the provide* functions ( provideRouter , provideHttpClient , …). bootstrapApplication AppComponent <rect class='d-box' x='260' y='52' width='170

405 views

Understand the problem

Explain bootstrapApplication.

bootstrapstandalone

Attempt it yourself

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

Stuck? AI Nudge Available

Get a conceptual hint to guide your logic without spoiling the final implementation.

Study the solution

The solution is waiting

Give it an honest attempt first — then compare your thinking with the full walkthrough.

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
  ],
});

Join the discussion

Discussion (0)

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

What is the difference between take(1) and first() operators in RxJS?

What is provideHttpClient(withInterceptors([...])) and how does it replace legacy HTTP interceptor providing?