2025 Edition NEW BLOG
Join our community

Get access to the complete guide to developing and deploying fast, production-ready Nuxt apps.

Buy License
or Log In

Creating a Date Selector Component

In this chapter, we'll bring the property availability online by setting up the date pickers and storing availability date ranges in Algolia.

In this lesson, we'll install the v-calendar from vcalendar.io and take care of the front end.

Lesson Resources

Getting Started

8 lessons

Drawback of single page applications
03m 06s
Creating Your First Page
01m 22s

Pages and Routing

7 lessons

Creating the Property Page
04m 15s
Creating Page Layouts
02m 57s

Working with Google Maps

6 lessons

Adding a Map To The Property Page
08m
Problem 1 - Scripts and Single Page Apps
10m 21s

Working with APIs

10 lessons

Using APIs on the Property Page
10m 41s
Customizing The Error Page
03m 37s
Reviews Section on the Property Page
06m 27s

Geo Search

10 lessons

Creating the Geo Search Page
07m 45s
Adding a Map to the Search Results Page
01m 56s

Working With Modules

4 lessons

Working with Styles and Design

5 lessons

Styling the Property Page (Part 1)
07m 40s
Styling The Property Page (Part 2)
10m 41s
Styling the Search Page
05m 16s

Authentication

12 lessons

Administration Section

7 lessons

Body Parser
04m 54s

Creating Admin Editors

13 lessons

Property Availability

4 lessons

Getting Paid

5 lessons

Creating a Checkout Page
12m 03s

Deploying Nuxt Applications

4 lessons

Final Updates

3 lessons

Migrating from Nuxt 2 to Nuxt 3 using Nuxt Bridge

8 lessons