This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

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

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

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

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Cloudflare

To benifit from Cloudflare CDN deploy you nextjs app to the cloudflare pages and workers at the edge and use the server side rendering follow the official documentation. We can use CircleCI to build nextjs app and deploy it to the cloudflare pages using the following command:

curl --request POST \
  --url https://circleci.com/api/v2/project/gh/siemah/ecommerce-at-edge/pipeline \
  --header 'Circle-Token: <your circleci api token>' \
  --header 'content-type: application/json' \
  --data '{"branch":"circleci-project-setup","parameters":{"cloudflare_account_id": "<your cloudflare accound id>", "cloudflare_api_token":"<change this with you api token>", "name":"<change it with your project name>"}}'

For more details check:

• Cloudflare Pages docs
• CircleCI doc and its REST API
• Nextjs docs.