diff --git a/content/7-webapp-features/1-render-app/qwik/app.tsx b/content/7-webapp-features/1-render-app/qwik/app.tsx
new file mode 100644
index 00000000..4d30ec2f
--- /dev/null
+++ b/content/7-webapp-features/1-render-app/qwik/app.tsx
@@ -0,0 +1,5 @@
+import { component$, useSignal } from '@builder.io/qwik'
+
+export const App = component$(() => {
+ return Hello world
;
+})
diff --git a/content/7-webapp-features/1-render-app/qwik/index.html b/content/7-webapp-features/1-render-app/qwik/index.html
new file mode 100644
index 00000000..25b15710
--- /dev/null
+++ b/content/7-webapp-features/1-render-app/qwik/index.html
@@ -0,0 +1,7 @@
+
+
+
+
+
+
+
diff --git a/content/7-webapp-features/1-render-app/qwik/main.tsx b/content/7-webapp-features/1-render-app/qwik/main.tsx
new file mode 100644
index 00000000..89373e26
--- /dev/null
+++ b/content/7-webapp-features/1-render-app/qwik/main.tsx
@@ -0,0 +1,5 @@
+import '@builder.io/qwik/qwikloader.js'
+import { render } from '@builder.io/qwik'
+import { App } from './app.tsx'
+
+render(document.getElementById('app') as HTMLElement, )