Next.js template with create-next-app, using Wix Headless for managing classes and memberships via Wix Bookings and Pricing Plans.
This template is a Next.js project bootstrapped with create-next-app. It uses Wix Headless to leverage the Wix Bookings and Wix Pricing Plans business solutions for managing classes and memberships.
Prerequisites:
Set up environment variables to consume Wix Headless APIs:
cp .env.template .env.local.
NEXT_PUBLIC_WIX_CLIENT_ID=
.Run the development server:
Run either:
yarn dev
or
npm inpm run dev
Open http://localhost:3000 in your browser to see the template home page.
Edit the template:
You can deploy this repository using any platform which supports Next.js Version 13 and App Router.
The repository requires a single environment variable: NEXT_PUBLIC_WIX_CLIENT_ID
, which should contain a client ID authorizing access to a Wix project's data.
To learn how to customize the template and add more functionality using Wix APIs, see the Wix JavaScript SDK reference.
This template is written in Next.js 13 using the Next.js App Router.
To learn more about Next.js, see:
Additionally, this template uses the following libraries and features:
See the comprehensive integration guide for step-by-step instructions on how to configure Wix as your headless Booking solution using Next.js on Vercel.
Next.js template with create-next-app, using Wix Headless for managing classes and memberships via Wix Bookings and Pricing Plans.
This template is a Next.js project bootstrapped with create-next-app. It uses Wix Headless to leverage the Wix Bookings and Wix Pricing Plans business solutions for managing classes and memberships.
Prerequisites:
Set up environment variables to consume Wix Headless APIs:
cp .env.template .env.local.
NEXT_PUBLIC_WIX_CLIENT_ID=
.Run the development server:
Run either:
yarn dev
or
npm inpm run dev
Open http://localhost:3000 in your browser to see the template home page.
Edit the template:
You can deploy this repository using any platform which supports Next.js Version 13 and App Router.
The repository requires a single environment variable: NEXT_PUBLIC_WIX_CLIENT_ID
, which should contain a client ID authorizing access to a Wix project's data.
To learn how to customize the template and add more functionality using Wix APIs, see the Wix JavaScript SDK reference.
This template is written in Next.js 13 using the Next.js App Router.
To learn more about Next.js, see:
Additionally, this template uses the following libraries and features:
See the comprehensive integration guide for step-by-step instructions on how to configure Wix as your headless Booking solution using Next.js on Vercel.