Next.js web application with 2 pods sharing cache on redis

I created the docker image following the example in:

https://github.com/vercel/next.js/tree/canary/examples/with-docker

I configured output: "standalone" property in next-config.mjs

More info in:

https://nextjs.org/docs/app/building-your-application/deploying#docker-image

I use Redis to cached values and ensure consistency across all pods.

I installed @neshca/cache-handler using npm i -D @neshca/cache-handler:

https://caching-tools.github.io/next-shared-cache

Adding cache-handler.mjs and configured cacheHandler property in next.config.mjs

I following this example and the same pages to validate the cache using revalidateTag and revalidatePath:

https://github.com/vercel/next.js/tree/canary/examples/cache-handler-redis

More info in:

https://nextjs.org/docs/app/building-your-application/deploying#caching-and-isr

I installed sharp using npm install sharp

More info in:

https://nextjs.org/docs/app/building-your-application/deploying#image-optimization

In the k8s folder, there are all the Kubernetes manifests to create two pods with the Next.js web application and one pod with a Redis server.

Run dev mode with npm run dev

Run in Docker using Docker compose with docker compose -f "compose.yaml" up -d --build

Run in Kubernetes:

1. Execute docker build -t nextjs-docker . to create Docker image

2. Execute kubectl apply -f k8s\configmaps\nextjs.yaml

3. Execute kubectl apply -f k8s\deployments\nextjs.yaml

4. Execute kubectl apply -f k8s\deployments\redis.yaml

5. Execute kubectl apply -f k8s\services\nextjs.yaml

6. Execute kubectl apply -f k8s\services\redis.yaml

7. Access to https://localhost:3000