An Open Source Event RSVP app built using Next.js 13

We are going to build a web application with the new Next.js 13. Let's start by following our tutorial.

What you will learn?

Next.js 13

Learn top features of Nextjs 13 in this course, app directory, routing, layouts, and more...

React 18

You will learn the latest React 18 features while building an application, server components, data fetching with suspense

Data Fetching

Learn how to fetch data in both client and server components, with best practices and no confusions.

Performance

Apply Next.js best practices to optimize your website speed and ship less JavaScript.

SEO

A close look on how to handle and optimize your SEO for search engines and web crawlers.

Deployment

How to deploy easily your Next.js Applications using Vercel and Github, and what can you do after...

How to start?

This course was presented as a hands-on-lab at Devoxx Morocco Conference 2023 by Kawtar CHOUBARI. The goal is to build a quick RSVP Event application, while learning web development with Next.js 13 core features. To make it easy for ourselves, We are going to use an API based on my Guichet.com events data, hosted on a json-server, and handle the RSVP part on local storage. You will find more on how our API work in the tutorial.

To better follow with the instructor, checkout the written documentation tutorial to build a similar app to this one.

Try it by yourself!

In case of difficulties, reach out the instructor live at the conference and feel free to ask here, or drop a DM on her Twitter (X) 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! Stay Creative!