What's Next?

What you've achieved so far!

Congratulations on reaching this point! 🎉 Let's reflect on what we've achieved:

  • Practical Experience: Built a fully-functional Quick Event RSVP application.
  • Technical Mastery: Grasped core concepts of Next.js 13 like Dynamic Routing, Data Fetching, SEO optimizations, and more.
  • Responsive Design: Crafted an app with seamless experience across devices using TailwindCSS.
  • Performance: Leveraged Next.js's built-ins like next/image to ensure fast load times and optimal performance.
  • Best Practices: Adopted industry-standard best practices in web development, ensuring maintainability and scalability.

Your journey doesn't stop here. With this foundation, you're well-equipped to explore deeper waters in the vast ocean of web development. Keep building, keep learning, and most importantly, stay creative! 🚀

Features to add

You can go and add more features to this RSVP application and make it stand out!

  • Show a Ribbon Label on the Event Details Page, to show if the event is free or paid and show the event status (canceled, postponed, sold out...)
  • Show a Ribbon Label on the Events Page, to quickly notice sold out events.
  • Filter Events by Categories.
  • Choosing an category from the Category Page redirects you to filtered events of that category.
  • Searchbar for events.
  • User Auth, and RSVP by email.
  • Send email sequences (when RSVP, events you may like...).

Some of these features have been implemented in my live demo app (opens in a new tab), you can try building them by yourself as a challenge, and then check out the open source code (opens in a new tab).

Next Projects to build

Curious what to build next, here is a non-exhaustive list of your next Next.js project:

  • Blog Platform: A personal or multi-author blog with markdown support, dynamic routing, and SEO optimizations.
  • E-Commerce Store: Showcase products, manage inventory, and handle transactions with a complete online shop.
  • Portfolio: A modern portfolio site to showcase your skills, projects, and get in touch forms.
  • Job Board: A platform for posting and applying for jobs with user accounts, company profiles, and search functionalities.
  • Real Estate Listings: A site to list, search, and view property details with image galleries.
  • Social Media Dashboard: A dashboard to track metrics from various social media platforms in real-time.
  • Weather App: Fetch and display weather information based on the user's location or chosen city.
  • Forum or Community Platform: Allow users to start discussions, reply to threads, and upvote valuable content.
  • Booking System: Manage appointments, reservations, or bookings for services or venues.
  • News Aggregator: Compile news from various sources and display in a categorized manner.

Remember, the key to a great project lies not just in its complexity but in its execution. Choose a project that aligns with your passion and keep iterating to make it better!

Recommendation

Now since you are into the world of Next.js, you love it today and you will love it more. I advise you to checkout open source projects and read more code to learn best practices. My favorite two contributors are Hassan ElMghari and Shadcn. Go check their github profiles and read their code.

My top inspirational and favorite projects are:

Extras: Style your Components!The End