Forem: Christian Lüdemann

New Angular project? This is how I would start

Christian Lüdemann — Wed, 20 Nov 2024 20:33:42 +0000

Throughout my career as an Angular consultant, I have had occasions where I had to start with an Angular project from scratch which is a pipe dream for every software developer. Do everything the right way at the get-go, no legacy, you follow me...

So, how do you get started with the project from scratch, and what would I do? This blog post will guide you through setting up an Angular project from scratch to a setup that supports scalability and a productive workflow.

You can read it here.

Error, loading, content…? Use this page pattern for your Angular apps

Christian Lüdemann — Wed, 16 Oct 2024 15:44:02 +0000

When developing Angular applications, it’s common for pages to transition through three key states: error, loading, and show content. Every time you fetch data from an API, your page will likely show a loading indicator first, and then either render the content successfully or display an error message if something goes wrong.

This pattern is repetitive, but there’s a more elegant way to handle it by creating a reusable page component. In this post, I’ll show you how to implement this pattern and how to extract it into a reusable component.

Read the full blog post here.

How To Do Cypress Component Testing For Angular Apps With MSW

Christian Lüdemann — Tue, 30 Jul 2024 10:33:30 +0000

New blog post out:

How To Do Cypress Component Testing For Angular Apps With MSW

https://christianlydemann.com/how-to-do-cypress-component-testing-for-angular-apps-with-msw/

Handling Authentication with Supabase, Analog and tRPC

Christian Lüdemann — Tue, 23 Jul 2024 14:28:27 +0000

I just released a video showing how to set up authentication with Supabase, Analog, and tRPC:

https://christianlydemann.com/handling-authentication-with-supabase-analog-and-trpc/

How I migrated my course platform to the SPARTAN stack (Angular Global Summit 2024)

Christian Lüdemann — Tue, 16 Jul 2024 10:39:12 +0000

I just released my latest conference talk:

How I migrated my course platform to the SPARTAN stack (Angular Global Summit 2024)

The SPARTAN Stack
How I migrated my course platform to Analog and the SPARTAN stack
Handing auth with the SPARTAN stack
Client Hydration with Analog

Watch it here

The Stages of an Angular Architecture (Angular Global Summit)

Christian Lüdemann — Tue, 02 Jul 2024 11:56:59 +0000

You released a video from Angular Global Summit:

The Stages of an Angular Architecture

It gives you my framework for scalable Angular architectures (even without Nx) and tells you what to do as your architecture scales up.

https://www.youtube.com/watch?v=FRsR-0FUG58&t=1249s&ab_channel=ChristianLydemann

New Free eBook: Angular Mastery: From Principles To Practice.

Christian Lüdemann — Thu, 30 May 2024 12:22:47 +0000

I just released a new free ebook: Angular Mastery: From Principles To Practice.

It is a 141-page book designed to help you archive Angular Mastery as fast as possible.

The book covers:

🏛️ Designing your architecture with Nx
⚙️ Designing a DevOps pipeline with Nx
🧪 High ROI testing with Cypress E2E, CT and Jest unit tests
🚥 How to handle state and use Signals in your Angular apps
🏎️ Load and run-time performance optimization
📸 Creating an app with Analog
🗞 The 10 commandments of Angular development

I hope you find it helpful.

You can get it here:

https://christianlydemann.com/angular-mastery-book/

Angular PWA & Service Workers (install app, push notifications, offline cache and updates)

Christian Lüdemann — Tue, 16 Apr 2024 12:11:06 +0000

Angular PWA & Service Workers (install app, push notifications, offline cache and updates)

🤔 What are PWA and service workers?
⚙️ Setting up a PWA with Angular
📲 Install app
🙈 Offline cache
🗞 Push notifications
🎉 Updates and production management

https://www.youtube.com/watch?v=urzyxAEdld8&ab_channel=ChristianLydemann

Backend for Frontend (BFF) with Angular and tRPC

Christian Lüdemann — Tue, 02 Apr 2024 11:33:06 +0000

In this video, I explain what Back-end for Front-end (BFF) is and why it is important to consider implementing it. BFF is a service that simplifies the front-end by providing only the data and functionality that the front-end needs, abstracting away the complexity of the architecture. By using BFF, the front-end can interact with a simple dedicated endpoint, resulting in a more intuitive and efficient user experience. I also discuss the benefits of BFF, such as improved performance, scalability, and decoupling of third-party dependencies. Watch the video to learn more about BFF and how it can enhance your projects.

https://www.youtube.com/watch?v=SUyKohjyhq0&t=810s&ab_channel=ChristianLydemann

How I Migrated My Course Platform To Analog (Step By Step)

Christian Lüdemann — Wed, 21 Feb 2024 13:34:56 +0000

Analog is a full-stack framework for Angular ala NextJS that offers server-side rendering, static site generation, and API routes.

Analog empowers Angular with server rendering tools making it optimal for public websites. Otherwise, Angular has often been neglected in favor of NextJS/NuxtJS for these purposes (due to the subpar SSR/SSG experience).

I recently migrated my course platform to AnalogJS to utilize the benefits of the framework and I will share with you every step of the migration and the road blocks on the way.

Read the post here

The Future of Angular and the Latest Features in Angular

Christian Lüdemann — Wed, 07 Feb 2024 17:34:36 +0000

New blog post: Angular 17, latest features, and the future of Angular.

You can read
it here.

The Future of Angular and the Latest Features in Angular

Christian Lüdemann — Wed, 07 Feb 2024 17:34:33 +0000

New blog post: Angular 17, latest features, and the future of Angular.

You can read it here.