About

This website serves as a documentation tutorial for my workshop : Learn Modern Web Development with Next.js.

This course was presented as a hands-on-lab at Devoxx Morocco (opens in a new tab) 2023, by Kawtar CHOUBARI (opens in a new tab)

During this written course, we will build a Quick RSVP Event app as a hands-on-lab, you can follow along and build a similar app at home by starting here documentation tutorial (opens in a new tab).

The goal is to build a quick RSVP Event application, while learning web development with Next.js 13 core features:

• Client Components
• Server Components
• Routing, Layouts, Errors, Loading UI...
• Data Fetching on the client and on the server
• Route Handlers, Suspense, Async/Await...
• Env Variables
• SEO (metadata, openGraph, robots, sitemap..)
• next/image, next/font, next/link ...
• Along with TypeScript and TailwindCSS 💙

To make it easy for ourselves, We are going to use an API based on my Guichet.com (opens in a new tab) events data, hosted on a json-server, and handle the RSVP part on local storage.

In case of difficulties, reach out to me live at the conference/workshop, or drop me DM on Twitter (X) (opens in a new tab) if you're doing this exercise at home!

At the end, you can checkout the whole source code of this application in this Github Repository, and customize your app with more features (opens in a new tab)! Stay Creative!