| **[Next.js `v13`](https://github.com/vercel/next.js)** | [source](/nextjs) |
| 
| **[Nuxt.js `v2`](https://github.com/nuxt/nuxt.js)** | [source](/nuxtjs) |
| 
| **[Nuxt.js `v3`](https://github.com/nuxt/nuxt.js)** | [source](/nuxt3) |
+| 
| **[Qwik `v1`](https://github.com/BuilderIO/qwik)** | [source](/qwik) |
| 
| **[React `v17`](https://github.com/facebook/react)** | [source](/react) [1] |
| 
| **[Remix `v1`](https://github.com/remix-run/remix)** | [source](/remix) |
| 
| **[Svelte `v3`](https://github.com/sveltejs/svelte)** | [source](/svelte) [1] |
diff --git a/qwik/.env.example b/qwik/.env.example
new file mode 100644
index 0000000..ad66936
--- /dev/null
+++ b/qwik/.env.example
@@ -0,0 +1 @@
+PUBLIC_QWIK_APP_DIRECTUS_URL=http://127.0.0.1:8055
diff --git a/qwik/.eslintignore b/qwik/.eslintignore
new file mode 100644
index 0000000..1acecc1
--- /dev/null
+++ b/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
diff --git a/qwik/.eslintrc.cjs b/qwik/.eslintrc.cjs
new file mode 100644
index 0000000..70dc5d0
--- /dev/null
+++ b/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",
+ },
+};
diff --git a/qwik/.gitignore b/qwik/.gitignore
new file mode 100644
index 0000000..48dce73
--- /dev/null
+++ b/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
diff --git a/qwik/.prettierignore b/qwik/.prettierignore
new file mode 100644
index 0000000..1acecc1
--- /dev/null
+++ b/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
diff --git a/qwik/README.md b/qwik/README.md
new file mode 100644
index 0000000..c47cc7f
--- /dev/null
+++ b/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).
+
+[](https://codesandbox.io/s/github/directus/examples/tree/main/qwik)
+
+[](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 {article.excerpt}
++ Click here to head back to the safety of the + homepage. +
+