Add NextJS example app (#59)

README.md

@@ -4,3 +4,4 @@
 
 - [Angular](angular/ngSnowplow)
 - [React](react)
+- [Next.js](nextjs)

nextjs/.env.example

@@ -0,0 +1,6 @@
+NEXT_PUBLIC_SNOWPLOW_COLLECTOR_URL=
+STRIPE_SECRET_KEY=
+STRIPE_WEBHOOK_SECRET=
+
+# For Snowtype in development
+SNOWPLOW_CONSOLE_API_KEY=

nextjs/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

nextjs/.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

nextjs/README.md

@@ -0,0 +1,20 @@
+# Next.js Ecommerce Example
+
+A Next.js ecommerce application showcasing Snowplow Ecommerce tracking, with Stripe.
+
+## Running locally
+
+1. `npm install`
+
+2. Fill the environment variables required in a local env file. A template is  provided in `.env.example`. You can copy this file to `.env.local` and fill in the required values.
+
+| Environment Variable                | Description                                                                                         |
+|-------------------------------------|-----------------------------------------------------------------------------------------------------|
+| `NEXT_PUBLIC_SNOWPLOW_COLLECTOR_URL` | The URL of your Snowplow collector. If you don't have a Snowplow collector, you can use [Snowplow Micro](https://docs.snowplow.io/docs/testing-debugging/snowplow-micro/) for testing. |
+| `STRIPE_SECRET_KEY`                 | Your Stripe secret key. If you don't have a Stripe account, you can create one [here](https://stripe.com/).  |
+| `STRIPE_WEBHOOK_SECRET`             | Your Stripe webhook secret. You can find this in your Stripe dashboard.                              |
+
+> [!IMPORTANT]
+> `STRIPE_SECRET_KEY` and `STRIPE_WEBHOOK_SECRET` are required for the application to function correctly.
+
+3. `npm run dev`

nextjs/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: false,
+}
+
+module.exports = nextConfig