Next.jsReactStarter

nextjs-supabase-events-website — Next.js Starter Template

By orzechdev

A starter template for events websites built with Next.js and Supabase, including an events listing page and Web Actions API data endpoints.

Open Source SiteDownload Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews
Author preview
Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-02View source

What stands out

A quick read of the recorded project description.

01

Events website starter template built with Next.js, with the page entry point at pages/index.tsx

02

Uses Supabase to store user data and manage user-related functionality

03

Provides two data endpoints, /actionapi/items and /actionapi/state, organized according to the Web Actions API specification

04

The root path / displays all available events on the site

05

The repository uses the BSD-3-Clause license, allowing modification and commercial distribution

Template Details

This is a front-end starter template for building events websites. The project consists of the Next.js framework, Supabase (used to store user data and manage user-related functionality), and the Web Actions API, which is used to retrieve user event details and constraints, intended for use with the ActionTray event execution planning service.

The template provides two main parts: the root path / displays all available events on the site; /actionapi/items and /actionapi/state output available event data and user event state data respectively according to the Web Actions API specification. During development, start the local server with npm run dev or yarn dev, and access http://localhost:3000 by default. The page entry point is pages/index.tsx, and API routes are located in the pages/api directory.

The repository uses the BSD-3-Clause license and may be used, modified, and distributed free of charge, but the copyright notice and disclaimer must be retained, and the rights holder's name may not be used to endorse derivative products. Third-party assets such as demo images, fonts, and icons must be checked separately for licensing; external services such as Supabase and hosting may incur costs. The template does not provide documentation for backend features such as event creation or registration; specific capabilities are subject to the repository code.

Next.jsStarter

Is it right for your project?

Use Cases

  • Front-end projects that need to quickly build an events showcase website
  • Exposing event and user event state data in Web Actions API format
  • Event-related applications that use Supabase to manage user-related data
  • As a reference starting point for Next.js page and API route structure

Suitable For

  • Developers familiar with Next.js who want to start from an events website
  • Projects planning to integrate Supabase to manage user data
  • Integration scenarios that need to output event data according to the Web Actions API
  • Teams that want to build on a permissively licensed template

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

  1. 1

    Run npm run dev or yarn dev to start the development server, with the default address at http://localhost:3000

  2. 2

    The page entry point is pages/index.tsx, and API routes are located in the pages/api directory

  3. 3

    Before using Supabase, you must prepare and configure the corresponding service and credentials yourself

  4. 4

    The Web Actions API-related endpoints are located at /actionapi/items and /actionapi/state

  5. 5

    Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the BSD-3-Clause license in a public repository; the free scope is the code of this version and does not mean that external services or third-party assets are free.

Must comply with when using

  • Free use, modification, commercial use, and distribution in source code or binary form are permitted.
  • Source code distribution must retain the copyright notice, the three conditions, and the disclaimer; binary distribution must reproduce these in the documentation or accompanying materials.
  • Without prior written permission, the name of the rights holder or contributors may not be used to endorse or promote derivative products.
  • The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

  • The Web Actions API endpoints are designed for use with the ActionTray event execution planning service and are an external service dependency; if this integration capability is needed, it depends on this external service.
  • User data storage and user-related functionality depend on the external Supabase service; before use, you must register and configure a Supabase project and credentials yourself, which may incur service fees.
  • Deployment is recommended on the Vercel platform, which is an external hosting service and may incur costs.
  • Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's BSD-3-Clause license.
  • External services such as domains, hosting, databases, payments, or AI may incur additional charges.
View Original Text Basis

Redistribution and use in source and binary forms, with or without modification, are permitted

Original License Text

[Web Actions API](https://github.com/actiontray/web-actions-api) - API to fetch user events details and constraints, intended to be used by [ActionTray events execution planning service](https://actiontray.vercel.app).

Original README

[Supabase](https://supabase.com) - service to store user data and manage user-related features

Original README

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Original README
https://github.com/orzechdev/nextjs-supabase-events-website/blob/main/LICENSEhttps://github.com/orzechdev/nextjs-supabase-events-website/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-02. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms
GitHub
Documentation and maintenance reference score
Partly documented · 65 / 100
Technologies
Next.js · React
Website type
Starter
How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded
2023-01-23
Screenshot last checked
2026-10-02

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 16e5bcd882d3a88f1f9ce3a2857d75e51d037093be563d7eb15f2dd7e5159dcc

2026-10-02T08:51:17.132Z

Source file / repository
<h1 align="center">Events Website Template with Next.js and Supabase</h1>

This is a template from which you can start create events website. It is built with:
- [Next.js](https://nextjs.org/) - framework to create websites,
- [Supabase](https://supabase.com) - service to store user data and manage user-related features,
- [Web Actions API](https://github.com/actiontray/web-actions-api) - API to fetch user events details and constraints, intended to be used by [ActionTray events execution planning service](https://actiontray.vercel.app).

<img width="972" alt="Screenshot 2022-12-21 at 23 02 03" src="https://user-images.githubusercontent.com/9825562/209010806-bb638fdc-8f06-487d-ae33-c900d5e8f71d.png">

## Project description

Go to [nextjs-supabase-events-website.vercel.app](https://nextjs-supabase-events-website.vercel.app) to see example deployment:

- on [/](https://nextjs-supabase-events-website.vercel.app/) you can see all available events within the website,
- on [/actionapi/items](https://nextjs-supabase-events-website.vercel.app/actionapi/items) and [/actionapi/state](https://nextjs-supabase-events-website.vercel.app/actionapi/state) you can see all data about available events within the website and users events state accordingly, prepared according to the [Web Actions API](https://github.com/actiontray/web-actions-api).


## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

Next.js SaaS Starter

Next.js SaaS Starter

The official Next.js SaaS starter template, integrating email/password authentication, Stripe Checkout subscriptions, a dashboard with user/team CRUD, basic Owner/Member RBAC, and activity logging.

Next.js · SaaS

Next.js Commerce

Next.js Commerce

Vercel's officially maintained Next.js App Router ecommerce starter with deep Shopify integration, offering a complete product catalog, cart, and checkout flow. Core logic is modular for swapping backends, and community provider versions exist for BigCommerce, Medusa, and Saleor.

Next.js · E-commerce

Next-js-Boilerplate

Next-js-Boilerplate

A developer-first Next.js 16 starter with Tailwind CSS 4 and TypeScript, supporting both App Router and Page Router.

Next.js · Starter

tailwind-nextjs-starter-blog

tailwind-nextjs-starter-blog

A Next.js and Tailwind CSS blog starter template using Contentlayer for Markdown/MDX, with built-in SEO, code highlighting, and tags. It targets personal technical blogs and migration from Jekyll/Hugo to React, and supports one-click Vercel deployment.

Next.js · Blog

next-forge

next-forge

next-forge is a Turborepo-based Next.js template maintained by Vercel, positioned as a starting point for SaaS products.

Next.js · Starter

SaaS-Boilerplate

SaaS-Boilerplate

SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.

Next.js · SaaS