Next.js 16 Scheduling Tutorials

Below, you can find a list of Next.js calendar/scheduling tutorials built using Next.js version 16:

Next.js Scheduler with Horizontal Timeline (Open-Source)

Build a Next.js scheduler with a horizontal timeline (one year, day-by-day) featuring a date picker with scroll synchronization, a timeline header context menu for bulk day actions, and column highlighting.

Feb 14, 2026

Next.js Monthly Calendar (Open-Source)

Learn how to build a customized monthly calendar UI in Next.js 16 using the open-source DayPilot scheduling library.

next.js react typescript month open-source jsx nextjs16 react19

Jan 23, 2026

Next.js Resource-Scheduling Calendar (Open-Source)

This Next.js app uses a resource-scheduling calendar UI to let you manage tasks for multiple resources side by side. Each column displays a 24-hour timeline for a different resource.

next.js nextjs16 react react19 typescript resource-calendar open-source jsx

Jan 8, 2026

Next.js Scheduler with DayPilot: A Step-by-Step Guide

Learn how to incorporate the React Scheduler in a Next.js application, focusing on configuration, event handling, and using the direct API.

next.js react scheduler typescript nextjs16

Jan 6, 2026

Next.js Weekly Calendar (Open-Source)

Add an interactive scheduling calendar to your Next.js application using the open-source DayPilot library.

next.js react calendar open-source typescript nextjs16

Jan 5, 2026

Next.js Calendar with Day/Week/Month Views (Open-Source)

How to create an integrated day, week, and month calendar view with a shared data source in Next.js.

next.js nextjs16 react react19 typescript open-source day week month calendar

Dec 30, 2025

Articles 1-6 of 6

Products

Resources

Tools

About Us

Contact

DayPilot Pro

HTML5 event calendar/scheduling components. Available for JavaScript/Angular/React/Vue, ASP.NET, ASP.NET MVC. Build resource booking, project management, time tracking applications, personal and shared event calendars.