Add Qwik Example

README.md

@@ -28,6 +28,7 @@ These examples are frontend only, you will still need a Directus instance runnin
 | <img height="32" src="./shared/logo/nextjs.svg#gh-light-mode-only" /><img height="32" src="./shared/logo/nextjs-dark.svg#gh-dark-mode-only" /> | **[Next.js `v13`](https://github.com/vercel/next.js)**   |         [source](/nextjs)         |
 |                                              <img height="28" src="./shared/logo/nuxtjs2.svg" />                                               | **[Nuxt.js `v2`](https://github.com/nuxt/nuxt.js)**      |         [source](/nuxtjs)         |
 |                                               <img height="36" src="./shared/logo/nuxtjs.svg" />                                               | **[Nuxt.js `v3`](https://github.com/nuxt/nuxt.js)**      |         [source](/nuxt3)          |
+|                                               <img height="36" src="./shared/logo/qwik.svg" />                                                 | **[Qwik `v1`](https://github.com/BuilderIO/qwik)**       |         [source](/qwik)           |
 |                                               <img height="40" src="./shared/logo/react.svg" />                                                | **[React `v17`](https://github.com/facebook/react)**     |  [source](/react) <sup>[1]</sup>  |
 |  <img height="32" src="./shared/logo/remix.svg#gh-light-mode-only" /><img height="32" src="./shared/logo/remix-dark.svg#gh-dark-mode-only" />  | **[Remix `v1`](https://github.com/remix-run/remix)**     |         [source](/remix)          |
 |                                               <img height="32" src="./shared/logo/svelte.svg" />                                               | **[Svelte `v3`](https://github.com/sveltejs/svelte)**    | [source](/svelte) <sup>[1]</sup>  |

qwik/.env.example

@@ -0,0 +1 @@
+PUBLIC_QWIK_APP_DIRECTUS_URL=http://127.0.0.1:8055

qwik/.eslintignore

@@ -0,0 +1,38 @@
+**/*.log
+**/.DS_Store
+*.
+.vscode/settings.json
+.history
+.yarn
+bazel-*
+bazel-bin
+bazel-out
+bazel-qwik
+bazel-testlogs
+dist
+dist-dev
+lib
+lib-types
+etc
+external
+node_modules
+temp
+tsc-out
+tsdoc-metadata.json
+target
+output
+rollup.config.js
+build
+.cache
+.vscode
+.rollup.cache
+dist
+tsconfig.tsbuildinfo
+vite.config.ts
+*.spec.tsx
+*.spec.ts
+.netlify
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+server

qwik/.eslintrc.cjs

@@ -0,0 +1,42 @@
+module.exports = {
+  root: true,
+  env: {
+    browser: true,
+    es2021: true,
+    node: true,
+  },
+  extends: [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:qwik/recommended",
+  ],
+  parser: "@typescript-eslint/parser",
+  parserOptions: {
+    tsconfigRootDir: __dirname,
+    project: ["./tsconfig.json"],
+    ecmaVersion: 2021,
+    sourceType: "module",
+    ecmaFeatures: {
+      jsx: true,
+    },
+  },
+  plugins: ["@typescript-eslint"],
+  rules: {
+    "@typescript-eslint/no-explicit-any": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+    "@typescript-eslint/no-inferrable-types": "off",
+    "@typescript-eslint/no-non-null-assertion": "off",
+    "@typescript-eslint/no-empty-interface": "off",
+    "@typescript-eslint/no-namespace": "off",
+    "@typescript-eslint/no-empty-function": "off",
+    "@typescript-eslint/no-this-alias": "off",
+    "@typescript-eslint/ban-types": "off",
+    "@typescript-eslint/ban-ts-comment": "off",
+    "prefer-spread": "off",
+    "no-case-declarations": "off",
+    "no-console": "off",
+    "@typescript-eslint/no-unused-vars": ["error"],
+    "@typescript-eslint/consistent-type-imports": "warn",
+    "@typescript-eslint/no-unnecessary-condition": "warn",
+  },
+};

qwik/.gitignore

@@ -0,0 +1,41 @@
+# Build
+/dist
+/lib
+/lib-types
+/server
+
+# Development
+node_modules
+*.local
+
+# Cache
+.cache
+.mf
+.rollup.cache
+tsconfig.tsbuildinfo
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+# Editor
+.vscode/*
+!.vscode/launch.json
+!.vscode/*.code-snippets
+
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Yarn
+.yarn/*
+!.yarn/releases

qwik/.prettierignore

@@ -0,0 +1,38 @@
+**/*.log
+**/.DS_Store
+*.
+.vscode/settings.json
+.history
+.yarn
+bazel-*
+bazel-bin
+bazel-out
+bazel-qwik
+bazel-testlogs
+dist
+dist-dev
+lib
+lib-types
+etc
+external
+node_modules
+temp
+tsc-out
+tsdoc-metadata.json
+target
+output
+rollup.config.js
+build
+.cache
+.vscode
+.rollup.cache
+dist
+tsconfig.tsbuildinfo
+vite.config.ts
+*.spec.tsx
+*.spec.ts
+.netlify
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+server

qwik/README.md

@@ -0,0 +1,45 @@
+# Directus Qwik Example
+
+This is a [Qwik](https://qwik.builder.io) project bootstrapped with [`npm create qwik@latest`](https://github.com/BuilderIO/qwik-create-cli-build).
+
+[![Open in CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/github/directus/examples/tree/main/qwik)
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/directus/examples/tree/main/qwik)
+
+Note: This example folder is a standalone frontend, which is why it will still need Directus running to work, the CodeSandbox and StackBlitz links only pull the example folder as is, you will still need Directus running somewhere to make it work, such as a [Cloud](https://directus.cloud/) instance, or self hosted.
+## 📌 Prerequisites
+
+You will need to have the provided [Directus project](../directus) running first before proceeding with this example.
+
+## 🚀 Getting Started
+
+1. Clone this repo.
+
+2. Install dependencies for this example.
+
+   ```shell
+   cd qwik
+   npm install
+   ```
+
+3. Create a `.env` file by copying the provided `.env.example` file.
+
+4. Start the development server.
+
+   ```shell
+   npm start
+   ```
+
+   Your Directus Qwik example is now running at <http://localhost:5173>.
+
+## 🔗 Links
+
+### Directus
+
+- [Official Site](https://directus.io)
+- [Documentation](https://docs.directus.io)
+
+### Qwik
+
+- [Official Site](https://qwik.builder.io)
+- [Documentation](https://qwik.builder.io/docs)