Bump up lib versions

.github/workflows/e2e.yml

@@ -1,30 +1,30 @@
 name: End-to-end Tests
 on:
   push:
-    branches: [main, develop]
+    branches: [main, develop, prod]
   pull_request:
-    branches: [main, develop]
+    branches: [main, develop, prod]
 jobs:
   e2e:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v6
       - name: Prepare .env file
         run: |
           rm -f .env && touch .env
           echo "NEXT_PUBLIC_FORMSPREE_ID=fake123" >> .env
           echo "NEXT_PUBLIC_RECAPTCHA_SITE_KEY=123fAkE" >> .env
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v6
         with:
-          node-version: '18.x'
+          node-version: '24.x'
       - name: Install dependencies
         run: npm ci
       - name: Install Playwright Browsers
         run: npx playwright install --with-deps
       - name: Run Playwright tests
         run: npm run test
-      - uses: actions/upload-artifact@v3
+      - uses: actions/upload-artifact@v5
         if: always()
         with:
           name: playwright-report

.github/workflows/validate.yml

@@ -1,18 +1,18 @@
 name: Lint, Format and Build
 on:
   push:
-    branches: [main, develop]
+    branches: [main, develop, prod]
   pull_request:
-    branches: [main, develop]
+    branches: [main, develop, prod]
 jobs:
   validate:
     timeout-minutes: 60
     runs-on: ubuntu-latest
     steps:
-      - uses: actions/checkout@v3
-      - uses: actions/setup-node@v3
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
         with:
-          node-version: '14.x'
+          node-version: '24.x'
       - name: Install dependencies
         run: npm ci
       - name: Run code validation (includes linting, prettier and building)

.gitignore

@@ -42,3 +42,5 @@ yarn.lock
 
 # typescript
 *.tsbuildinfo
+
+next-env.d.ts

CONTRIBUTING.md

@@ -28,7 +28,6 @@ Please note we have a [code of conduct](https://github.com/reactdeveloperske/rea
 If you're ready to contribute and create your PR, it will help to set up a local environment so you can see your changes.
 
 1. Set up your development environment
-
    - install your favorite text editor/IDE
    - install [Nodejs](nodejs.org)
 

README.md

@@ -8,6 +8,7 @@ This repository contains the source for the community showcase website maintaine
 Live production: https://www.reactdevske.org/
 
 **Table of contents**
+
 - Overview
 - Features
 - Tech stack
@@ -23,13 +24,15 @@ Live production: https://www.reactdevske.org/
 This site showcases the community, upcoming events, contact information and resources for React developers in Kenya. It's intended as a community-maintained, easy-to-contribute codebase for public-facing content and event announcements.
 
 **Features**
+
 - Responsive, accessible UI built with Next.js and Tailwind CSS.
 - Pages for home, about, contact, events, news, forum and members.
 - Reusable component library under `src/components`.
 - Playwright end-to-end tests (see `e2e/`).
 - Docker support for production-like local testing.
 
 **Tech stack**
+
 - Next.js (pages-based) + React
 - TypeScript
 - Tailwind CSS
@@ -39,6 +42,7 @@ This site showcases the community, upcoming events, contact information and reso
 **Quickstart (local development)**
 
 Prerequisites:
+
 - Node.js 16+ (or the version compatible with the `next` dependency)
 - npm or yarn
 
@@ -47,7 +51,7 @@ Install dependencies:
 ```bash
 npm install
 # or
-yarn install 
+yarn install
 ```
 
 Run the development server:
@@ -65,6 +69,7 @@ npm run start
 ```
 
 Useful scripts (from `package.json`):
+
 - `npm run dev` — starts Next.js in development mode
 - `npm run build` — produces a production build
 - `npm run start` — runs the production build
@@ -104,6 +109,7 @@ Playwright config is at `playwright.config.ts`.
 - `package.json`, `tsconfig.json`, `next.config.js` — build & tooling
 
 If you want to explore components, start with:
+
 - `src/components/HeroHeader` — site hero
 - `src/components/Navbar` — navigation and menu
 - `src/components/Events` — events listing and display
@@ -117,6 +123,7 @@ Contributions are welcome. Please follow the contribution guidelines and communi
 - Code of conduct: [CODE_OF_CONDUCT.md](CODE_OF_CONDUCT.md)
 
 Suggested workflow:
+
 1. Fork the repo and create a feature branch.
 2. Run the dev server and make changes.
 3. Ensure TypeScript and lint checks pass: `npm run typecheck` and `npm run lint`.
@@ -134,4 +141,5 @@ Figma design file used for the website is available here:
 https://www.figma.com/file/TVwnaDhBGeVdnVKdf6H91C/React-developers-community-website
 
 ---
+
 _Last updated: 2026-02-15_

docker-compose.yml

@@ -8,6 +8,6 @@ services:
       - .:/app
     command: npm run dev
     ports:
-      - "3000:3000"
+      - '3000:3000'
     environment:
       NODE_ENV: development

e2e/events.spec.ts

@@ -1,3 +1,3 @@
 import { test, expect } from '@playwright/test';
 
 test.beforeEach(async ({ page }) => {
@@ -14,7 +14,7 @@
     const [newPage] = await Promise.all([
       context.waitForEvent('page'),
       page.waitForLoadState(),
-      page.getByRole('link', { name: 'See More' }).click(),
+      page.getByRole('link', { name: 'See More Events' }).click(),
     ]);
     await expect(newPage).toHaveURL(
       'https://kommunity.com/reactjs-developer-community-kenya-reactdevske/events'

e2e/hero-header.spec.ts

@@ -1,27 +1,23 @@
-import { test, expect } from '@playwright/test';
+import { expect, test } from '@playwright/test';
 
 test.beforeEach(async ({ page }) => {
   page.goto('http://localhost:3000');
 });
 
 test.describe('Test Hero Header Navigation Links', () => {
-  test('About us link should navigate to about us section', async ({
-    page,
-  }) => {
-    await page.getByRole('link', { name: 'About us' }).click();
-    await expect(page).toHaveURL('/#about-us');
+  test('About us link should navigate to about us page', async ({ page }) => {
+    await page.getByRole('link', { name: 'About Us' }).click();
+    await expect(page).toHaveURL('/about');
   });
 
-  test('Events link should navigate to Events section', async ({ page }) => {
-    await page.getByRole('link', { name: 'Events' }).click();
-    await expect(page).toHaveURL('/#events');
+  test('Events link should navigate to Events page', async ({ page }) => {
+    await page.getByRole('link', { name: 'Workshops & Events' }).click();
+    await expect(page).toHaveURL('/events');
   });
 
-  test('Contact link should navigate to Contact Us section', async ({
-    page,
-  }) => {
-    await page.getByRole('link', { name: 'Contact' }).click();
-    await expect(page).toHaveURL('/#contact-us');
+  test('Community link should navigate to Community page', async ({ page }) => {
+    await page.getByRole('link', { name: 'Community', exact: true }).click();
+    await expect(page).toHaveURL('/community');
   });
 
   test('Join Community link should open google form in new tab', async ({
@@ -31,12 +27,12 @@
     const [newPage] = await Promise.all([
       context.waitForEvent('page'),
       page.waitForLoadState(),
-      page.getByRole('link', { name: 'Join Community' }).click(),
+      page.getByRole('link', { name: 'Join the Community' }).click(),
     ]);
-    await expect(newPage).toHaveURL(
-      new RegExp(
-        '^https://docs.google.com/forms/d/e/1FAIpQLSc_k5sffFTeL9oDug41nXU4Spw5cV84ExaL3jNFu_I1FTZO1w/viewform'
-      )
+    await newPage.waitForLoadState('load');
+    // Accept bit.ly shortlink, docs.google.com, or forms.gle redirect destinations
+    expect(newPage.url()).toMatch(
+      /^(https:\/\/)?(bit\.ly|docs\.google\.com|forms\.gle)/
     );
   });
 
@@ -49,10 +45,10 @@
       page.waitForLoadState(),
       page.getByRole('link', { name: 'Join ReactDevsKe' }).click(),
     ]);
-    await expect(newPage).toHaveURL(
-      new RegExp(
-        '^https://docs.google.com/forms/d/e/1FAIpQLSc_k5sffFTeL9oDug41nXU4Spw5cV84ExaL3jNFu_I1FTZO1w/viewform'
-      )
+    await newPage.waitForLoadState('load');
+    // Accept bit.ly shortlink, docs.google.com, or forms.gle redirect destinations
+    expect(newPage.url()).toMatch(
+      /^(https:\/\/)?(bit\.ly|docs\.google\.com|forms\.gle)/
     );
   });
 });

e2e/home.spec.ts

@@ -11,9 +11,9 @@ test.describe('Home page tests', () => {
     ).toBeVisible();
   });
 
-  test("should show 'Join Community' button", async ({ page }) => {
+  test("should show 'Join the Community' button", async ({ page }) => {
     await expect(
-      page.getByRole('link', { name: 'Join Community' })
+      page.getByRole('link', { name: 'Join the Community' })
     ).toBeVisible();
   });
 

eslint.config.mjs

@@ -0,0 +1,16 @@
+import nextVitals from 'eslint-config-next/core-web-vitals';
+import { defineConfig, globalIgnores } from 'eslint/config';
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    '.next/**',
+    'out/**',
+    'build/**',
+    'next-env.d.ts',
+  ]),
+]);
+
+export default eslintConfig;

next-env.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

next.config.js

@@ -3,11 +3,19 @@
 const nextConfig = {
   reactStrictMode: true,
   pageExtensions: ['page.tsx', 'api.ts'],
-  eslint: {
-    dirs: ['src', 'e2e'],
-  },
   images: {
-    domains: ['bit.ly', 'res.cloudinary.com'],
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: 'bit.ly',
+        pathname: '/:path*',
+      },
+      {
+        protocol: 'https',
+        hostname: 'res.cloudinary.com',
+        pathname: '/:path*',
+      },
+    ],
   },
 };