ci: added website deploy scripts

Author: shairez

apps/website/adapters/cloudflare-pages/vite.config.ts

@@ -0,0 +1,18 @@
+import { cloudflarePagesAdapter } from '@builder.io/qwik-city/adapters/cloudflare-pages/vite';
+import { extendConfig } from '@builder.io/qwik-city/vite';
+import baseConfig from '../../vite.config';
+
+export default extendConfig(baseConfig, () => {
+  return {
+    build: {
+      ssr: true,
+      rollupOptions: {
+        input: [
+          'apps/website/src/entry.cloudflare-pages.tsx',
+          '@qwik-city-plan',
+        ],
+      },
+    },
+    plugins: [cloudflarePagesAdapter({})],
+  };
+});

apps/website/functions/[[path]].ts

@@ -0,0 +1,6 @@
+// eslint-disable-next-line
+// @ts-ignore
+
+// Cloudflare Pages Functions
+// https://developers.cloudflare.com/pages/platform/functions/
+export { onRequest } from '../../../dist/apps/website/server/entry.cloudflare-pages';

apps/website/project.json

@@ -11,7 +11,8 @@
         "outputPath": "dist/apps/website"
       },
       "configurations": {
-        "preview": {}
+        "preview": {},
+        "production": {}
       }
     },
     "preview": {
@@ -52,6 +53,9 @@
         "preview": {
           "ssr": "src/entry.preview.tsx",
           "mode": "production"
+        },
+        "production": {
+          "configFile": "apps/website/adapters/cloudflare-pages/vite.config.ts"
         }
       },
       "dependsOn": []
@@ -62,6 +66,28 @@
         "command": "node --inspect-brk ../..//node_modules/vite/bin/vite.js --mode ssr --force",
         "cwd": "apps/website"
       }
+    },
+    "deploy": {
+      "executor": "@k11r/nx-cloudflare-wrangler:deploy-page",
+      "options": {
+        "dist": "dist/apps/website/client",
+        "branch": "main",
+        "projectName": "qwik-ui"
+      },
+      "dependsOn": ["build-cloudflare"]
+    },
+    "preview-cloudflare": {
+      "executor": "@k11r/nx-cloudflare-wrangler:serve-page",
+      "options": {
+        "dist": "dist/apps/website/client"
+      },
+      "dependsOn": ["build-cloudflare"]
+    },
+    "build-cloudflare": {
+      "executor": "nx:run-commands",
+      "options": {
+        "command": "npx nx run website:build:production"
+      }
     }
   },
   "tags": []

apps/website/public/_headers

@@ -0,0 +1,4 @@
+# https://developers.cloudflare.com/pages/platform/headers/
+
+/build/*
+  Cache-Control: public, max-age=31536000, s-maxage=31536000, immutable

apps/website/public/_redirects

@@ -0,0 +1 @@
+# https://developers.cloudflare.com/pages/platform/redirects/

apps/website/src/entry.cloudflare-pages.tsx

@@ -0,0 +1,16 @@
+/*
+ * WHAT IS THIS FILE?
+ *
+ * It's the  entry point for cloudflare-pages when building for production.
+ *
+ * Learn more about the cloudflare integration here:
+ * - https://qwik.builder.io/integrations/deployments/cloudflare-pages/
+ *
+ */
+import { createQwikCity } from '@builder.io/qwik-city/middleware/cloudflare-pages';
+import qwikCityPlan from '@qwik-city-plan';
+import render from './entry.ssr';
+
+const onRequest = createQwikCity({ render, qwikCityPlan });
+
+export { onRequest };

apps/website/src/routes/docs/headless/(components)/popover/index.tsx

@@ -1,7 +1,7 @@
 import { component$, useSignal } from '@builder.io/qwik';
 import { Popover, PopoverContent, PopoverTrigger } from '@qwik-ui/headless';
 import { Button } from '@qwik-ui/primitives';
-import Header from '../../../../components/header/header';
+import Header from '../../../../../components/header/header';
 
 export default component$(() => {
   const controlledPopover = useSignal<boolean>(false);

apps/website/src/routes/docs/tailwind/(components)/alert/index.tsx

@@ -1,6 +1,6 @@
 import { $, component$ } from '@builder.io/qwik';
 import { Alert as TailwindAlert } from '@qwik-ui/tailwind';
-import { GitHubIcon } from '../../../../components/icons/GitHubIcon';
+import { GitHubIcon } from '../../../../../components/icons/GitHubIcon';
 
 export default component$(() => {
   return (

apps/website/src/routes/docs/tailwind/(components)/tabs/index.tsx

@@ -1,6 +1,6 @@
 import { component$, useSignal } from '@builder.io/qwik';
 import { Tab, TabPanel, Tabs } from '@qwik-ui/tailwind';
-import { Wrapper } from '../../../../components/wrapper/wrapper';
+import { Wrapper } from '../../../../../components/wrapper/wrapper';
 
 export default component$(() => {
   const tabs = ['Tab 1', 'Tab 2', 'Tab 3'];

apps/website/src/routes/layout.tsx

@@ -1,5 +1,4 @@
 import { component$, Slot, useStyles$ } from '@builder.io/qwik';
-import { GitHubIcon } from '../components/icons/GitHubIcon';
 import {
   DocsNavigation,
   LinkGroup,
@@ -22,7 +21,7 @@ export default component$(() => {
 
   return (
     <>
-      <Header showBottomBorder={true} showVersion={true} showDocsLink={false} />
+      <Header showBottomBorder={true} showVersion={true} />
 
       <div class="flex mt-20">
         <DocsNavigation linksGroups={menuItemsGroups} />