Tailwindcss

.github/workflows/ci.yml

@@ -0,0 +1,21 @@
+name: CI
+on: [push]
+jobs:
+  lhci:
+    name: Lighthouse
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - name: Use Node.js 18.x
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18.x
+      - name: npm install, build
+        run: |
+          cd nextjs-tailwind
+          npm install
+          npm run build
+      - name: run Lighthouse CI
+        run: |
+          npm install -g @lhci/cli@0.11.x
+          lhci autorun

.github/workflows/seo.yml

@@ -0,0 +1,35 @@
+name: SEO Tests
+
+on:
+  push:
+    branches: [tailwindcss]
+
+jobs:
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Code
+        uses: actions/checkout@v2
+
+      - name: Setup Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: "18.x"
+
+      - name: Install Dependencies
+        run: |
+          sudo apt-get update
+          sudo apt-get install -y libgbm-dev         
+          cd nextjs-tailwind
+          npm ci
+          npx playwright install chromium
+          npm install -g lighthouse chrome-launcher axe-core chromium wait-on
+
+      - name: Build the application
+        run: cd nextjs-tailwind && npm run build
+
+      # - name: Start server
+      #   run: cd nextjs-tailwind && npm run start
+
+      # - name: Run Tests
+      #   run: cd nextjs-tailwind && npx playwright test tests/seo

.github/workflows/test.yml

@@ -13,10 +13,10 @@ jobs:
       - name: Setup Node
         uses: actions/setup-node@v2
         with:
-          node-version: '18.x'
+          node-version: "18.x"
       - name: Install dependencies
         run: npm ci
       - name: Install playwright browsers
         run: npx playwright install --with-deps
       - name: Run tests
-        run: npx playwright test
+        run: npx playwright test

.gitignore

@@ -10,4 +10,5 @@ venv
 /app/__pycache__/
 .github/workflows/*.bak
 .vscode
-docs
+docs
+.next

agile_documentation.md

@@ -0,0 +1,24 @@
+# Agile Documentation   
+* Epic: CSS Framework Selection: 
+  * Initiative: CSS Performance Testing Framework: Develop a framework to test the performance of different CSS frameworks, and evaluate the results to select the best one for our web application.
+    * User Story: As developers, we want to test the performance of different CSS frameworks, so we can select the best one for our web application.
+
+* Epic: Legal Compliance: 
+  * Initiative: Legal Compliance Audit: Conduct a legal compliance audit of our web application, identify potential legal requirements, and implement necessary changes to ensure compliance.
+    * User Story: As developers, we want to ensure that our web application adheres to all potential legal requirements, so we do not get sued and can operate with confidence.
+
+* Epic: Search Engine Optimization
+  * Initiative: SEO Optimization Strategy: Develop an SEO optimization strategy for our web application, based on keyword research, on-page optimization, link building, and analytics tracking, to improve visibility and ranking on search engines.
+    * User Story: : As developers, we want to perform SEO on our web application, so that we will have higher visibility and ranking on search engines, which can attract more users.
+
+* Epic: Web Accessibility:
+  * Initiative: Accessibility Standards Implementation: Implement accessibility standards for our web application, such as WCAG 2.1, and conduct accessibility testing to ensure that our application is accessible to all users.
+    * User Story: As developers, we want to ensure that our web application is accessible, so that all users, including those with disabilities or impairments, can use our application.
+
+* Epic: Internationalization: 
+  * Initiative: Internationalization Implementation: Implement internationalization features for our web application, such as language and time zone selection, translation options, and cultural adaptation, to make our application accessible to users from different countries and cultures.
+    * User Story: As developers, we want to make our web application internationalized, so that it can be used by users from different countries, with different languages, time zones, and cultural backgrounds.
+
+* Epic: DevOps & SRE: 
+  * Initiative: DevOps Automation Implementation: Implement DevOps practices, such as continuous integration, automated testing, and deployment automation, to streamline our development process and improve the efficiency and quality of our web application.
+    * User Story: As developers, we want to implement DevOps operations, so that we can automate testing for our web application, as well as trial different package managers to produce the most efficient app.

lighthouserc.js

@@ -0,0 +1,10 @@
+module.exports = {
+  ci: {
+    collect: {
+      staticDistDir: "./nextjs-tailwind/out", // Update this with the directory where your static site files are located
+    },
+    upload: {
+      target: "temporary-public-storage",
+    },
+  },
+};

nextjs-tailwind/.gitignore

@@ -0,0 +1,3 @@
+.next
+node_modules
+nextjs

nextjs-tailwind/.next/build-manifest.json

@@ -0,0 +1,48 @@
+{
+  "polyfillFiles": [
+    "static/chunks/polyfills-c67a75d1b6f99dc8.js"
+  ],
+  "devFiles": [],
+  "ampDevFiles": [],
+  "lowPriorityFiles": [
+    "static/qoOcYhOJr35_hxGsTufz0/_buildManifest.js",
+    "static/qoOcYhOJr35_hxGsTufz0/_ssgManifest.js"
+  ],
+  "rootMainFiles": [],
+  "pages": {
+    "/": [
+<<<<<<< HEAD
+      "static/chunks/webpack.js",
+      "static/chunks/main.js",
+      "static/chunks/pages/index.js"
+=======
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
+      "static/chunks/framework-cda2f1305c3d9424.js",
+      "static/chunks/main-7477d36a73a3487c.js",
+      "static/chunks/664-8af8765c6fed5950.js",
+      "static/chunks/pages/index-f186d9255c9723c4.js"
+>>>>>>> 6f66b5540804f9c1185fee28809018f4b1176a4e
+    ],
+    "/_app": [
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
+      "static/chunks/framework-cda2f1305c3d9424.js",
+      "static/chunks/main-7477d36a73a3487c.js",
+      "static/css/19de0c04e16bfeb8.css",
+      "static/chunks/pages/_app-13a04ff25ee58f5a.js"
+    ],
+    "/_error": [
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
+      "static/chunks/framework-cda2f1305c3d9424.js",
+      "static/chunks/main-7477d36a73a3487c.js",
+      "static/chunks/pages/_error-54de1933a164a1ff.js"
+    ],
+    "/content": [
+      "static/chunks/webpack-8fa1640cc84ba8fe.js",
+      "static/chunks/framework-cda2f1305c3d9424.js",
+      "static/chunks/main-7477d36a73a3487c.js",
+      "static/chunks/664-8af8765c6fed5950.js",
+      "static/chunks/pages/content-0397b03146a21a97.js"
+    ]
+  },
+  "ampFirstPages": []
+}

nextjs-tailwind/.next/package.json

@@ -0,0 +1 @@
+{"type": "commonjs"}

nextjs-tailwind/.next/react-loadable-manifest.json

@@ -0,0 +1 @@
+{}

nextjs-tailwind/.next/server/middleware-manifest.json

@@ -0,0 +1,6 @@
+{
+  "sortedMiddleware": [],
+  "middleware": {},
+  "functions": {},
+  "version": 2
+}

nextjs-tailwind/.next/server/middleware-react-loadable-manifest.js

@@ -0,0 +1 @@
+self.__REACT_LOADABLE_MANIFEST={};

nextjs-tailwind/.next/server/next-font-manifest.js

@@ -0,0 +1 @@
+self.__NEXT_FONT_MANIFEST={pages:{},app:{},appUsingSizeAdjust:!1,pagesUsingSizeAdjust:!1};

nextjs-tailwind/.next/server/next-font-manifest.json

@@ -0,0 +1,6 @@
+{
+  "pages": {},
+  "app": {},
+  "appUsingSizeAdjust": false,
+  "pagesUsingSizeAdjust": false
+}

nextjs-tailwind/.next/server/pages-manifest.json

@@ -0,0 +1,13 @@
+{
+  "/content": "pages/content.html",
+  "/": "pages/index.html",
+  "/_app": "pages/_app.js",
+  "/_error": "pages/_error.js",
+  "/_document": "pages/_document.js",
+<<<<<<< HEAD
+  "/content": "pages/content.js",
+  "/": "pages/index.js"
+=======
+  "/404": "pages/404.html"
+>>>>>>> 6f66b5540804f9c1185fee28809018f4b1176a4e
+}

nextjs-tailwind/.next/server/pages/_app.js

@@ -0,0 +1,56 @@
+(() => {
+var exports = {};
+exports.id = 888;
+exports.ids = [888];
+exports.modules = {
+
+/***/ 879:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(997);
+/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _styles_globals_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(764);
+/* harmony import */ var _styles_globals_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_styles_globals_css__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function MyApp({ Component , pageProps  }) {
+    return /*#__PURE__*/ react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx(Component, {
+        ...pageProps
+    });
+}
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (MyApp);
+
+
+/***/ }),
+
+/***/ 764:
+/***/ (() => {
+
+
+
+/***/ }),
+
+/***/ 997:
+/***/ ((module) => {
+
+"use strict";
+module.exports = require("react/jsx-runtime");
+
+/***/ })
+
+};
+;
+
+// load runtime
+var __webpack_require__ = require("../webpack-runtime.js");
+__webpack_require__.C(exports);
+var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
+var __webpack_exports__ = (__webpack_exec__(879));
+module.exports = __webpack_exports__;
+
+})();