How to create a standalone component manually?

import { CommonModule } from '@angular/common';
import { Component, OnInit } from '@angular/core';

@Component({
 standalone: true,
 imports: [CommonModule],
 selector: 'app-standalone-component',
 templateUrl: './standalone-component.component.html',
 styleUrls: ['./standalone-component.component.css'],
})
export class ComponentNameComponent implements OnInit {
 constructor() {}

 ngOnInit() {}
}

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { ComponentNameComponent } from './component-name/component-name.component';

@NgModule({
 imports: [
   BrowserModule,
   ComponentNameComponent
 ],
 declarations: [AppComponent],
 bootstrap: [AppComponent],
})
export class AppModule {}