✨ Professional Web Application Development Starter without the complexity.

Secure, Stable, Automated.

Join Discord Community

• Payload CMS (headless open-source CMS)
• I18n
• TailwindCSS
• Angular Material
• Lazy Loading
• Server Side Rendering App
• Client Side App
• Authentication, Authorization
• Lazy loaded Dashboard for authenticated users
• Standalone Components
• Pnpm, esbuild

For full documentation refer to binarystarter.com

• Intro to nx
• Install nx
• Why nx?
• nx: Run Tasks
• nx: Mental Model
• pnpm commands

• Install pnpm
• Install nx cli globally
• Install nodejs v18

Let’s get started! 🚀

Run in a terminal git clone https://github.com/binarystarter/binarystarter-angular.git. To specify another folder name, you can do a direct git clone https://github.com/binarystarter/binarystarter-angular.git <project_name>.

Run pnpm install.

Documentation: binarystarter.com

The angular app can be accessed using http://localhost:4200 - the Server Side Rendered app The Angular client-side app can be accessed at HTTP://localhost:4200/app/... and HTTP://localhost:4200/auth/...

The payloadcms administration panel can be accessed at HTTP://localhost:8080/admin

ExpressJS endpoints can be accessed from HTTP://localhost:8080/...

The authentication system is based on Passport Js.

Out of the box you get the following pages in Angular, connected with the ExpressJs and Payload CMS.

Angular comes with separated modules for the static pages and the single page application.

Separation of concerns is very important at this stage of development of the Angular Universal.

Static Pages are encapsuled in their modules and they don’t interact with browser APIs hungry components.

The Backend TypeScript types should not be available on the Frontend.

What most developers do is create the same types on both frontend and backend APIs, which makes a bad precedence of duplicated code.

This problem is solved by using a mono repository.

Managed by nx.dev tools - now extending TypeScript types from the Backend or creating them from scratch can be done in a single shared library between your Angular app and ExpressJs Backend.

We get all the benefits of a monorepository out of the box.

ExpressJs is tightly integrated with PayloadCMS, but you can still add your own routes, outside of Payload.

We believe in TypeScript, hence everything is based on TypeScript.

• Twitter
• Website