Virtual Event Starter Kit

Theme by Vercel

|

Updated: 7 May 2024

|

2161 Stars

Open source demo that Next.js developers can clone, deploy, and fully customize for events.

Categories

Overview:

The virtual event starter kit is a platform that was used to run Next.js Conf 2020, which had almost 40,000 live attendees. It provides a comprehensive set of features including multiple stages, sponsor expo, career fair, ticket registration, speaker pages and bios, and schedule. The platform is built upon the principles of delegation, flexibility, and reducing risk. It is built with Next.js, CSS Modules, and TypeScript and can be deployed with Vercel.

Features:

• Multiple stages: Ability to add multiple sessions on each stage.
• Embedded YouTube stream or live interactive audio-video: Each stage can be configured with either an embedded YouTube stream or a live interactive audio-video experience powered by 100ms.
• Sponsor expo: Includes individual virtual booths for sponsors.
• Career Fair: Allows attendees to network and find job opportunities.
• Ticket registration and generation: Provides functionality for attendees to register for tickets and generate them.
• Speaker pages and bios: Allows speakers to have their own dedicated pages with bios.
• Schedule: Provides a schedule of events.

Installation:

To install and deploy the virtual event starter kit, follow these steps:

1. Click the “Deploy with Vercel” button.
2. Install the 100ms with DatoCMS integration when prompted.
3. Sign up or log in to 100ms and DatoCMS.
4. Connect your DatoCMS and 100ms accounts to Vercel.
5. The template will be cloned and deployed onto Vercel, containing all the elements of the virtual event starter kit.

To run the project locally, follow these additional steps:

1. Deploy the project using the 100ms + DatoCMS integration.
2. After the project is deployed on Vercel, the necessary environment variables will be set up.
3. Set the local environment variables using either the Vercel CLI or manually.

Summary:

The virtual event starter kit is a powerful platform for running virtual events. It offers a wide range of features including multiple stages, sponsor expo, career fair, ticket registration, speaker pages, and schedule. Built with Next.js, CSS Modules, and TypeScript, it provides flexibility and reduces risk through dynamic generation of static files. The platform can be easily installed and deployed using Vercel, making it accessible to event organizers.