Architecture

Learn the architectural concepts, build your confidence and 10x your coding skills.

Tooling in Shadcn-ui/ui

Learn the tooling in Shadcn-ui/ui

next.js
shadcn-ui/ui

Tooling in Supabase

Learn the tooling in Supabase

next.js
supabase

Tooling in Cal.com

Learn the tooling in Cal.com

next.js
cal.com

Tooling in Lobechat

Learn the tooling in Lobechat

next.js
lobechat

Components Structure In Shadcn-ui/ui

Learn how the components are organized in Shadcn-ui/ui

next.js
shadcn-ui/ui

Components Structure In Supabase

Learn how the components are organized in Supabase

next.js
supabase

Components Structure In Cal.com

Learn how the components are organized in Cal.com

next.js
cal.com

Components Structure In Lobechat

Learn how the components are organized in Cal.com

next.js
lobechat

API layer In Shadcn-ui/ui

Learn the API layer used in Shadcn-ui/ui

next.js
shadcn-ui/ui

API layer In Supabase

Learn the API layer used in Supabase

next.js
supabase

API layer In Cal.com

Learn the API layer used in Cal.com

next.js
cal.com

API layer In Lobechat

Learn the API layer used in Lobechat

next.js
lobechat

State Management in Shadcn-ui/ui

Learn the state management in Shadcn-ui/ui

next.js
shadcn-ui/ui

State Management in Supabase

Learn the state management in Supabase

next.js
supabase

State Management In Cal.com

Learn the state management used in Cal.com

next.js
cal.com

State Management In Lobechat

Learn the state management used in Lobechat

next.js
lobechat

Error Handling in Shadcn-ui/ui

Learn the error handling in Shadcn-ui/ui

next.js
shadcn-ui/ui

Error Handling in Supabase

Learn the error handling in Supabase

next.js
supabase

Error Handling In Cal.com

Learn the error handling used in Cal.com

next.js
cal.com

Error Handling In Lobechat

Learn the error handling used in Lobechat

next.js
lobechat

Testing in Shadcn-ui/ui

Learn the testing in Shadcn-ui/ui

next.js
shadcn-ui/ui

Testing in Supabase

Learn the testing in Supabase

next.js
supabase

Testing In Cal.com

Learn the testing in Cal.com

next.js
cal.com

Testing In Lobechat

Learn the testing in Lobechat

next.js
lobechat

Performance Optimizations in Shadcn-ui/ui

Learn the performance optimizations in Shadcn-ui/ui

next.js
shadcn-ui/ui

Performance Optimizations in Supabase

Learn the performance optimizations in Supabase

next.js
supabase

Performance Optimizations in Cal.com

Learn the performance optimizations in Cal.com

next.js
cal.com

Performance Optimizations in Lobechat

Learn the performance optimizations in Lobechat

next.js
lobechat

Security in Shadcn-ui/ui

Learn the security in Shadcn-ui/ui

next.js
shadcn-ui/ui

Security in Supabase

Learn the security in Supabase

next.js
supabase

Security in Cal.com

Learn the security in Cal.com

next.js
cal.com

Security in Lobechat

Learn the security in Lobechat

next.js
lobechat

Project Structure in Shadcn-ui/ui

Learn the project structure in Shadcn-ui/ui

next.js
shadcn-ui/ui

Project Structure in Supabase

Learn the project structure in Supabase

next.js
supabase

Project Structure in Cal.com

Learn the project structure in Cal.com

next.js
cal.com

Project Structure in Lobechat

Learn the project structure in Lobechat

next.js
lobechat

Deployment in Shadcn-ui/ui

Learn the deployment mechanism used in Shadcn-ui/ui

next.js
shadcn-ui/ui

Deployment in Supabase

Learn the deployment mechanism in Supabase

next.js
supabase

Deployment in Cal.com

Learn the deployment in Cal.com

next.js
cal.com

Deployment in Lobechat

Learn the deployment in Lobechat

next.js
lobechat