7.1. Next.js Starter

In this chapter, you’ll learn how to install and use the Next.js Starter storefront.

Install Next.js Starter#

1. Clone the latest branch of Local Proto. (Coming soon)

2. Change to the my-localproto-storefront directory, install the dependencies, and rename the template environment variable:

npm
yarn
pnpm

3. While the Local Protocol application is running, start the Next.js storefront:

npm
yarn
pnpm

Your Next.js Starter Storefront is now running at localhost:8000.

Customize Storefront#

To customize the storefront, refer to the following directories:

• src/app: The storefront’s pages.
• src/modules: The storefront’s components.
• src/styles: The storefront’s styles.

Configurations and Integrations#

The Next.js Starter is compatible with some Local Protocol integrations out-of-the-box, such as the Stripe provider module. You can change some of its configurations if necessary.