All courses
intermediateweb development

Next.js Masterclass: Build Full-Stack Apps with App Router

Next.js with the App Router, taught in Somali: Server Components, Server Actions, and caching, ending in a full-stack MongoDB app with frontend and backend in one project.

Mohamud Osman
Mohamud Osman
Instructor
24 lessons5h 56m
Next.js Masterclass: Build Full-Stack Apps with App Router
$18.00$25.00-28%

6 months access

Intermediate

What's included

  • 24 video lessons
  • 5h 56m of content
  • Certificate of completion
  • 6 months access

Other plans

1 year$25.00

What you'll learn

Understand Next.js App Router architecture
Build layouts with root and nested layouts
Create dynamic and API routes
Use server components and client components
Implement SSR, SSG, and streaming
Handle forms with server actions
Optimize SEO, fonts, and images
Build a full-stack app with Next.js + MongoDB
Use middlewares for URL handling

Is this course for you?

You should already be comfortable with:

Phase 4: Backend completed
React fundamentals

Curriculum

4 sections24 lessons5h 56m total

Your instructor

Mohamud Osman
Instructor

Mohamud Osman

A seasoned software engineer with over 11 years of experience in full-stack development. Mohamed has founded multiple successful startups including Dugsiiye and Imagingface, and has mentored thousands of developers worldwide. His expertise spans from frontend technologies like React and Next.js to backend systems, DevOps, and AI/ML applications.

23courses·7K+students
View full profile

About this course

Phase 6 — Full-Stack with Next.js. Next.js waa framework-ka casriga ah ee React. Wuxuu kuu ogolaanayaa inaad qortid frontend iyo backend hal project gudahood — iyada oo aanan loo baahnayn separate Express server.

Maxaad baran doontaa:

  • File-based routing — pages iyo layouts
  • Server Components — render-ka server-ka
  • Server Actions — mutations iyada oo aan loo qorin API endpoints
  • Middlewares — authentication iyo redirects
  • MongoDB integration — full-stack project end-to-end

Capstone: Full-stack web app oo dhameystiran (Next.js + MongoDB + Vercel deploy) — milestone-ka ugu weyn ee phase-yada hore inta aad u gudbi karto AI Engineering.

More from Mohamud

12 more courses to explore.