Modern Web Development

Next.js is an advanced framework, used by small and big companies, to create Advanced React Web Applications and Websites powered by Server Side Rendering. The perfect mix of technology, for your perfect Web Applications. We're going to build an Airbnb clone application with Next.js, React and Node.js.

The Best Technology in Our Industry

React. Postgres. Node.js. Industry standards that will greatly increase your skills and give you a head start when looking for a new job.

A Premium Training Program

The Next.js Course is a premium training that will make the difference in your day to day Web Development skills

Learn by Doing

If you want to learn more about Next.js and exercise new concepts by building a complete and real world application, don't miss the boat!

Not Overwhelming

I promise the course is not overwhelming. You can finish it. It's not one of those courses with an endless amount of content.

Condensed Information

I like to condense things to make them clear. I save time by not reiterating the same things or going into rarely used topics.

Our app features

• Allow people to browse for homes
• Visualize reviews
• Have a way to book a home, using Stripe payments
• Handle bookings, and booked dates
• Allow people to register and login
• Have an admin interface where you can add your home
• Display the bookings for your homes in the admin interface
• Registration and Login
• Stripe Payments integrated with webhooks
• Administration interface for registered users

The things you'll learn:

• How to architect an app from zero
• How to think like a software engineer
• How to structure your React code in the context of a Next.js application
• Creating static and dynamic pages in Next.js
• Adding server side API endpoints
• Using Express middleware with Next.js
• Storing and retrieving data from a Postgres database using Sequelize
• Using environment variables in Next.js
• Including 3rd party libraries in your app
• Implementing modal windows
• How to have a container layout component for common UI elements
• Managing the local state using hooks
• Managing the global state of the app cross-component using the `easy-peasy` library
• How to structure your CSS with styled-jsx
• Working with forms in React
• How to upload images to the server
• Handling authentication using Passport.js
• Cookie-based sessions
• Implementing email/password registration, login and logout
• Adding Stripe Payments integration with webhooks
• Creating an administration interface for registered users