Wix CMS: Next.js CMS starter

• Overview: A Next.js template designed for educational websites, integrating Wix Headless CMS for content management.

Local Development Setup:

• Prerequisites:
  • Creation of a Wix Headless project and addition of the Content Manager app.
  • Authorization of the template through quick start deployment or OAuth app creation.
• Environment Variables Setup:
  • Create .env.local from .env.template and insert the OAuth app client ID.
• Development Server:
  • Start the development environment using yarn dev or npm run dev.
  • Access the template’s homepage at http://localhost:3000.

Template Customization:

• Modify the homepage by editing app/page.tsx, with live updates as changes are made.
• Additional pages can be edited or added following the app/page.tsx pattern, with route definitions as per Next.js documentation.

Deployment:

• The template supports deployment on platforms compatible with Next.js Version 13 and App Router, requiring the NEXT_PUBLIC_WIX_CLIENT_ID environment variable.

Learning and Customization Resources:

• For further customization and functionality enhancements, refer to the Wix JavaScript SDK.
• The template utilizes Next.js 13 with App Router, React Server Components, TypeScript, TanStack Query v4, Tailwind CSS, Flowbite, and the Wix client SDK.

Next Steps and Documentation:

• Explore Next.js documentation and interactive tutorials for a deeper understanding of its features and API.
• A comprehensive integration guide is available for configuring Wix as a headless CMS solution with Next.js, particularly useful for deployment on Vercel.