Next.js Vvveb Commerce

A high-performance, server-rendered Next.js App Router ecommerce application.

This template uses React Server Components, Server Actions, Suspense, useOptimistic, and more.

Running locally

You will need to use the environment variables defined in .env.example to run Next.js Commerce. It's recommended you use Vercel Environment Variables for this, but a .env file is all that is necessary.

Note: You should not commit your .env file or it will expose secrets that will allow others to control your Vvveb store.

1. Install Vercel CLI: npm i -g vercel
2. Link local instance with Vercel and GitHub accounts (creates .vercel directory): vercel link
3. Download your environment variables: vercel env pull

pnpm install
pnpm dev

Your app should now be running on localhost:3000.

Your app should now be running on localhost:3000.

Expand if you work at Vercel and want to run locally and / or contribute

1. Run vc link.
2. Select the Vercel Solutions scope.
3. Connect to the existing commerce-vvveb project.
4. Run vc env pull to get environment variables.
5. Run pnpm dev to ensure everything is working correctly.

Vvveb GraphQL

Enable GraphQL in /.env.php

defined('GRAPHQL') || define('GRAPHQL', true);

From Vvveb folder run

composer require webonyx/graphql-php

Documentation

GraphQL query plugin