- Published on
In this article, I will explain how to handle server-side authentication using Firebase Auth in Next.js 14, taking advantage of React server components.
Reactjs
All Posts
- programming (67)
- web-development (60)
- javascript (35)
- react (30)
- coding (23)
- angular (21)
- front-end-development (19)
- nextjs (18)
- business (17)
- artificial-intelligence (16)
- typescript (15)
- software-development (15)
- python (13)
- technology (11)
- ai (11)
- java (10)
- spring-boot (9)
- ios (9)
- cloud (7)
- authentication (7)
- database (7)
- swift (7)
- software (6)
- api (6)
- nodejs (6)
- kotlin (6)
reactjs (6)
- app-development (6)
- nestjs (6)
- software-engineering (5)
- android (5)
- logging (4)
- crypto (4)
- state-management (4)
- jetpack-compose (4)
- swiftui (4)
- ios-app-development (4)
- react-native (4)
- fastapi (4)
- finance (4)
- github (4)
- vuejs (4)
- llm (4)
- large-language-models (4)
- nlp (4)
- video (3)
- design-patterns (3)
- c-sharp-programming (3)
- vitejs (3)
- eslint (3)
- standalone-component (3)
- nextauth (3)
- chatgpt (3)
- ux (3)
- writing (3)
- markdown (3)
- tech (3)
- ecommerce (3)
- cybersecurity (3)
- backend (3)
- vpn (3)
- jest (3)
- mobile-app-development (3)
- design (3)
- devops (3)
- golang (3)
- langchain (3)
- react-hook (3)
- gaming (2)
- misc (2)
- aspnet (2)
- api-development (2)
- azure (2)
- unit-testing (2)
- angular2 (2)
- angular-ssr (2)
- python-programming (2)
- data (2)
- cryptocurrency (2)
- blockchain (2)
- architecture (2)
- learning (2)
- flutter (2)
- ui (2)
- data-validation (2)
- data-science (2)
- money (2)
- sql (2)
- marketing (2)
- vue (2)
- gpt (2)
- microservices (2)
- swagger (2)
- rag (2)
- frontend-development (2)
- stripe (2)
- tdd (2)
- nextjs-13 (2)
- saas (2)
- mongodb (2)
- middleware (2)
- react-hooks (2)
- low-code (2)
- vscode (2)
- go (2)
- local-storage (2)
- aws (2)
- education (2)
- sdk (2)
- freelancing (1)
- microsoft (1)
- mongoose (1)
- cypress (1)
- azure-devops (1)
- memory-leak (1)
- chrome-dev-tools (1)
- angular-signals (1)
- reactive-programming (1)
- aop (1)
- logback (1)
- spring-3 (1)
- brave (1)
- distributed-tracing (1)
- micrometer (1)
- zipkin (1)
- serilog (1)
- maui (1)
- net-maui (1)
- threads (1)
- multiprocessing (1)
- asynchronus (1)
- knowledge-management (1)
- team-efficiency (1)
- validation (1)
- angular-validation (1)
- custom-validation (1)
- rxjs (1)
- computed-property (1)
- authjs (1)
- axios (1)
- kotlin-multiplatform (1)
- youtube (1)
- social-media (1)
- null-safety (1)
- performance (1)
- chatbots (1)
- socketio (1)
- chat-app (1)
- reactjs-tutorial (1)
- tailwind-css (1)
- webpack (1)
- bundle (1)
- memory-management (1)
- visual-studio (1)
- components (1)
- cache (1)
- dependency-injection (1)
- flutter-app-development (1)
- bloc (1)
- mvp (1)
- projects (1)
- work (1)
- computer-science (1)
- developer (1)
- computers (1)
- productivity (1)
- material-design (1)
- android-app-development (1)
- ui-ux-design (1)
- splash-screen (1)
- css (1)
- animation (1)
- html (1)
- alert (1)
- pyspark (1)
- pytorch (1)
- linux (1)
- windows (1)
- pdf (1)
- audio (1)
- waveform (1)
- sql-server (1)
- user-interface (1)
- query (1)
- create (1)
- error-handling (1)
- route-53 (1)
- aws-cli (1)
- export (1)
- import (1)
- dns (1)
- jwt (1)
- api-security (1)
- arrays (1)
- destructure (1)
- zod (1)
- git (1)
- git-workflow (1)
- git-workflow-management (1)
- git-basics (1)
- dart (1)
- google (1)
- cross-platform (1)
- react-router (1)
- react-router-dom (1)
- history (1)
- navigation (1)
- real-estate (1)
- artificial-intelligenve (1)
- startup (1)
- vue-3 (1)
- oauth (1)
- monetization (1)
- documentation (1)
- google-cloud (1)
- gcp (1)
- cloud-computing (1)
- swagger-ui (1)
- api-documentation (1)
- api-integration (1)
- web3 (1)
- framer-motion (1)
- nginx (1)
- docker (1)
- prettier (1)
- vs-code (1)
- testing (1)
- test (1)
- streaming (1)
- apple (1)
- httptestingcontroller (1)
- httpclienttestingmodule (1)
- testrequest (1)
- androiddev (1)
- spring-data-jpa (1)
- database-management (1)
- winston (1)
- webhooks (1)
- aspnetcore (1)
- email (1)
- nodemailer (1)
- ejs (1)
- 2fa (1)
- 2fa-authentication (1)
- otp-verification (1)
- otp-sms (1)
- development (1)
- keycloak (1)
- django (1)
- seurity (1)
- nextjs-tutorial (1)
- shopping-cart (1)
- automation (1)
- interview-questions (1)
- exception-handling (1)
- kotlin-beginners (1)
- swift-ui (1)
- web-client (1)
- repository-pattern (1)
- clean-code (1)
- spring-framework (1)
- react-carousel (1)
- react-bootstrap (1)
- dotnet (1)
- dotnet-core (1)
- react-middleware (1)
- react-development (1)
- redux (1)
- framer (1)
- firebase (1)
- nextjs14 (1)
- auth (1)
- server-action (1)
- net-core (1)
- c-sharp (1)
- compose-ui (1)
- paging3 (1)
- game-development (1)
- profiling (1)
- cpu (1)
- pprof (1)
- llama-3 (1)
- gin (1)
- rate-limit (1)
- frontend (1)
- solid (1)
- c (1)
- entity-framework-core (1)
- no-code (1)
- digital-marketing (1)
- proxies (1)
- school-management-system (1)
- school-management-software (1)
- programming-languages (1)
- vercel (1)
- flask (1)
- aws-lambda (1)
- eventbridge (1)
- springboot-3 (1)
- api-gateway (1)
- sqlalchemy (1)
- supabase (1)
- postgres (1)
- angular14 (1)
- shopify (1)
- shopify-development (1)
- web-design (1)
- shopify-apps (1)
- llms (1)
- hugging-face (1)
- menu (1)
- pickers (1)
- drop-down-menu (1)
- machine-learning (1)
- deep-learning (1)
- es6 (1)
- solid-principles (1)
- design-principles (1)
- vb-net (1)
- vbnet-projects (1)
- php (1)
- php-projects (1)
- php-development (1)
- php-developers (1)
- mysql (1)
- live-streaming (1)
- video-call (1)
- zoom (1)
- careers (1)
- spring-boot-interview (1)
- software-design (1)
- blogging (1)
- medium (1)
- differ (1)
- backend-development (1)
- functional-programming (1)
- composition (1)
- jpa (1)
- hibernate (1)
- sports (1)
- component-testing (1)
- vue-component (1)
- web-scraping (1)
- kubernetes (1)
- command-line (1)
- terminal (1)
- csp (1)
- content-security-policy (1)
- zustand (1)
- app-router (1)
- Published on
Here's why you shouldn't pass setState() as a prop. Use setState() within a component to avoid bugs and maintenance issues.- Published on
Explaining popular React hooks with code examples.- Published on
Splash-Screen is just a fancy name for Loading Screen, and also a very clever idea, that appears at the starting of any app/website.- Published on
A guide to speeding up Jest test runs for users who can't migrate to Jest v28 and beyond.- Published on
This article follows my previous one and is part of a series where I build a clone of the Spotify Web Player using React & TailwindCSS.