chore(deps): bump ws, gatsby, gatsby-plugin-canonical-urls, gatsby-plugin-image, gatsby-plugin-manifest, gatsby-plugin-postcss, gatsby-plugin-sharp, gatsby-plugin-sitemap, gatsby-source-filesystem and gatsby-transformer-sharp

.github/dependabot.yml

@@ -0,0 +1,71 @@
+version: 2
+updates:
+  # Enable version updates for npm
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "monday"
+      time: "09:00"
+      timezone: "Europe/Amsterdam"
+    open-pull-requests-limit: 10
+    reviewers:
+      - "alessandro"
+    assignees:
+      - "alessandro"
+    labels:
+      - "dependencies"
+      - "automated"
+    commit-message:
+      prefix: "chore"
+      include: "scope"
+    # Group updates for better PR management
+    groups:
+      # Group Gatsby ecosystem updates
+      gatsby:
+        patterns:
+          - "gatsby*"
+        update-types:
+          - "minor"
+          - "patch"
+      # Group React ecosystem updates
+      react:
+        patterns:
+          - "react*"
+          - "@emotion/*"
+          - "@mui/*"
+        update-types:
+          - "minor"
+          - "patch"
+      # Group development dependencies
+      dev-dependencies:
+        dependency-type: "development"
+        update-types:
+          - "minor"
+          - "patch"
+      # Group all other minor and patch updates
+      minor-and-patch:
+        patterns:
+          - "*"
+        update-types:
+          - "minor"
+          - "patch"
+        exclude-patterns:
+          - "gatsby*"
+          - "react*"
+          - "@emotion/*"
+          - "@mui/*"
+
+  # Enable security updates for GitHub Actions
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "monday"
+      time: "10:00"
+      timezone: "Europe/Amsterdam"
+    labels:
+      - "dependencies"
+      - "github-actions"
+    commit-message:
+      prefix: "ci"

.github/dependabot.yml.new

@@ -0,0 +1,71 @@
+version: 2
+updates:
+  # Enable version updates for npm
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "monday"
+      time: "09:00"
+      timezone: "Europe/Amsterdam"
+    open-pull-requests-limit: 10
+    reviewers:
+      - "alessandro"
+    assignees:
+      - "alessandro"
+    labels:
+      - "dependencies"
+      - "automated"
+    commit-message:
+      prefix: "chore"
+      include: "scope"
+    # Group updates for better PR management
+    groups:
+      # Group Gatsby ecosystem updates
+      gatsby:
+        patterns:
+          - "gatsby*"
+        update-types:
+          - "minor"
+          - "patch"
+      # Group React ecosystem updates
+      react:
+        patterns:
+          - "react*"
+          - "@emotion/*"
+          - "@mui/*"
+        update-types:
+          - "minor"
+          - "patch"
+      # Group development dependencies
+      dev-dependencies:
+        dependency-type: "development"
+        update-types:
+          - "minor"
+          - "patch"
+      # Group all other minor and patch updates
+      minor-and-patch:
+        patterns:
+          - "*"
+        update-types:
+          - "minor"
+          - "patch"
+        exclude-patterns:
+          - "gatsby*"
+          - "react*"
+          - "@emotion/*"
+          - "@mui/*"
+
+  # Enable security updates for GitHub Actions
+  - package-ecosystem: "github-actions"
+    directory: "/"
+    schedule:
+      interval: "weekly"
+      day: "monday"
+      time: "10:00"
+      timezone: "Europe/Amsterdam"
+    labels:
+      - "dependencies"
+      - "github-actions"
+    commit-message:
+      prefix: "ci"

.github/workflows/dependabot_autoapprove_prs.yaml

@@ -0,0 +1,27 @@
+name: Dependabot auto-approve
+on: pull_request
+
+permissions:
+  pull-requests: write
+
+jobs:
+  dependabot:
+    runs-on: ubuntu-latest
+    if: github.event.pull_request.user.login == 'dependabot[bot]' && github.repository == 'cloudnative-amsterdam/website'
+    steps:
+      - name: Dependabot metadata
+        id: metadata
+        uses: dependabot/fetch-metadata@d7267f607e9d3fb96fc2fbe83e0af444713e90b7
+        with:
+          github-token: "${{ secrets.GITHUB_TOKEN }}"
+      - name: Approve a PR
+        run: gh pr review --approve "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GH_TOKEN: ${{secrets.GITHUB_TOKEN}}
+      - name: Enable auto-merge for Dependabot PRs
+        if: steps.metadata.outputs.update-type != 'version-update:semver-major'
+        run: gh pr merge --auto --merge "$PR_URL"
+        env:
+          PR_URL: ${{github.event.pull_request.html_url}}
+          GH_TOKEN: ${{secrets.GITHUB_TOKEN}}

README.md

@@ -1,179 +1,27 @@
-# Pixel Point Gatsby Tailwind Starter
+# Cloud Native Community Days Amsterdam website
 
-## Table of Contents
-
-- [Pixel Point Gatsby Tailwind Starter](#pixel-point-gatsby-tailwind-starter)
-  - [Table of Contents](#table-of-contents)
-  - [Getting Started](#getting-started)
-  - [Usage](#usage)
-    - [Run the website](#run-the-website)
-    - [Build the website](#build-the-website)
-    - [Run the built website](#run-the-built-website)
-    - [Clean Gatsby cache](#clean-gatsby-cache)
-  - [Project Structure](#project-structure)
-  - [Component Folder Structure](#component-folder-structure)
-    - [Each component includes](#each-component-includes)
-    - [Each component optionally may include](#each-component-optionally-may-include)
-    - [Example structure](#example-structure)
-  - [Code Style](#code-style)
-    - [ESLint](#eslint)
-    - [Prettier](#prettier)
-    - [VS Code](#vs-code)
+This repository contains the source code for the Cloud Native Community Days Amsterdam website, built with Gatsby and React. Check out the live version at [cloudnative.amsterdam](https://cloudnative.amsterdam).
 
 ## Getting Started
 
-1. Clone this repository or hit "Use this template" button
-
-```bash
-git clone git@github.com:cloudnative-amsterdam/website.git
-```
-
-2. Install dependencies
+To test locally, you can use the following commands:
 
 ```bash
+# Install dependencies
 npm install
-```
-
-3. Fill environment variables
-
-```bash
-cp .env.example .env
-```
-
-## Usage
-
-### Run the website
 
-```bash
+# Start development server
 npm run start
 ```
 
-### Build the website
-
-```bash
-npm run build
-```
+## Important Note
 
-### Run the built website
+This project uses **React 18.x** to maintain compatibility with **Gatsby 5.x**. If you encounter dependency resolution errors, make sure you have matching React and React DOM versions:
 
 ```bash
-npm run serve
-```
-
-### Clean Gatsby cache
-
-```bash
-npm run clean
-```
-
-## Project Structure
-
-```text
-├── src
-│   ├── components
-│   │  ├── pages — React components that are being used specifically on a certain page
-│   │  └── shared — React components that are being used across the whole website
-│   ├── hooks
-│   ├── images
-│   ├── pages
-│   ├── styles
-│   ├── templates
-│   ├── utils
-│   └── html.jsx — HTML template for all generated pages. Read more about it here — gatsbyjs.org/docs/custom-html
-├── static
-│   └── fonts
-├── gatsby-browser.js — Usage of the Gatsby browser APIs. Read more about it [here](gatsbyjs.org/docs/browser-apis)
-├── gatsby-config.js — Main configuration file for a Gatsby site. Read more about it [here](gatsbyjs.org/docs/gatsby-config)
-├── gatsby-node.js — Usage of the Gatsby Node APIs. [Read more about it here](gatsbyjs.org/docs/node-apis)
-└── gatsby-ssr.js — Usage of the Gatsby server-side rendering APIs. [Read more about it here](gatsbyjs.org/docs/ssr-apis)
-```
-
-## Component Folder Structure
-
-### Each component includes
-
-1. Main JavaScript File
-2. Index File
-
-### Each component optionally may include
-
-1. Folder with images and icons
-2. Folder with data
-
-Also, each component may include another component that follows all above listed rules.
-
-### Example structure
-
-```bash
-component
-├── nested-component
-│  ├── data
-│  │  └── nested-component-lottie-data.json
-│  ├── images
-│  │  ├── nested-component-image.jpg
-│  │  ├── nested-component-inline-svg.inline.svg
-│  │  └── nested-component-url-svg.url.svg
-│  ├── nested-component.js
-│  └── index.js
-├── data
-│  └── component-lottie-data.json
-├── images
-│  ├── component-image.jpg
-│  ├── component-inline-svg.inline.svg
-│  └── component-url-svg.url.svg
-├── component.js
-└── index.js
-```
-
-## Code Style
-
-### ESLint
-
-[ESLint](https://eslint.org/) helps find and fix code style issues and force developers to follow same rules. Current configuration is based on [Airbnb style guide](https://github.com/airbnb/javascript).
-
-Additional commands:
-
-```bash
-npm run lint
-```
-
-Run it to check the current status of eslint issues across project.
-
-```bash
-npm run lint:fix
-```
-
-Run it to fix all possible issues.
-
-### Prettier
-
-[Prettier](https://prettier.io/) helps to format code based on defined rules. [Difference between Prettier and ESLint](https://prettier.io/docs/en/comparison.html).
-
-Additional commands:
-
-```bash
-npm run format
-```
-
-Run it to format all files across the project.
-
-### VS Code
-
-Following extensions required to simplify the process of keeping the same code style across the project:
-
-- [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)
-- [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
-
-After installation enable "ESLint on save" by adding to your VS Code settings.json the following line:
-
-```json
-"editor.codeActionsOnSave": {
-    "source.fixAll.eslint": true
-}
+# If you get ERESOLVE errors, clean install:
+rm -rf node_modules package-lock.json
+npm install
 ```
 
-You can navigate to settings.json by using Command Pallete (CMD+Shift+P) and then type "Open settings.json".
-
-To enable Prettier go to Preferences -> Settings -> type "Format". Then check that you have esbenp.prettier-vscode as default formatter, and also enable "Format On Save".
-
-Reload VS Code and auto-format will work for you.
+Check the original [README](README_pixelpoint.md) for more details.