{
return (
@@ -70,7 +70,7 @@ export default component$(() => {
-
Questions or just want to say hi?
-
+
Chat on discord!
@@ -89,7 +89,7 @@ export default component$(() => {
-
Watch
-
+
Presentations, Podcasts, Videos, etc.
diff --git a/examples/v7-qwik/src/routes/layout.tsx b/examples/v7-qwik/src/routes/layout.tsx
index 1ca5f36fe..14dbb8ac6 100644
--- a/examples/v7-qwik/src/routes/layout.tsx
+++ b/examples/v7-qwik/src/routes/layout.tsx
@@ -2,14 +2,14 @@ import { component$, Slot, useStyles$ } from "@builder.io/qwik";
import { routeLoader$ } from "@builder.io/qwik-city";
import type { RequestHandler } from "@builder.io/qwik-city";
-import Header from "~/components/starter/header/header";
-import Footer from "~/components/starter/footer/footer";
+import Header from "../components/starter/header/header";
+import Footer from "../components/starter/footer/footer";
import styles from "./styles.css?inline";
export const onGet: RequestHandler = async ({ cacheControl }) => {
// Control caching for this request for best performance and to reduce hosting costs:
- // https://qwik.builder.io/docs/caching/
+ // https://qwik.dev/docs/caching/
cacheControl({
// Always serve a cached response by default, up to a week stale
staleWhileRevalidate: 60 * 60 * 24 * 7,
diff --git a/examples/v7-qwik/src/routes/service-worker.ts b/examples/v7-qwik/src/routes/service-worker.ts
index 6a0d3a0cc..a10ab3642 100644
--- a/examples/v7-qwik/src/routes/service-worker.ts
+++ b/examples/v7-qwik/src/routes/service-worker.ts
@@ -2,7 +2,7 @@
* WHAT IS THIS FILE?
*
* The service-worker.ts file is used to have state of the art prefetching.
- * https://qwik.builder.io/qwikcity/prefetching/overview/
+ * https://qwik.dev/qwikcity/prefetching/overview/
*
* Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
* You can also use this file to add more functionality that runs in the service worker.
diff --git a/examples/v7-qwik/src/routes/styles.css b/examples/v7-qwik/src/routes/styles.css
index 6a69f8bc9..c7f308e1d 100644
--- a/examples/v7-qwik/src/routes/styles.css
+++ b/examples/v7-qwik/src/routes/styles.css
@@ -107,7 +107,7 @@ ul {
@media screen and (min-width: 768px) {
.container {
- padding: 50px 80px;
+ padding: 60px 80px;
}
.container.container-spacing-xl {
padding: 100px 60px;
diff --git a/examples/v7-qwik/sw/service-worker.js b/examples/v7-qwik/sw/service-worker.js
new file mode 100644
index 000000000..26d4fdacb
--- /dev/null
+++ b/examples/v7-qwik/sw/service-worker.js
@@ -0,0 +1,9 @@
+import { skipWaiting, clientsClaim } from 'workbox-core'
+import { precacheAndRoute } from 'workbox-precaching'
+import { Prefetcher } from '@edgio/prefetch/sw'
+
+skipWaiting()
+clientsClaim()
+precacheAndRoute(self.__WB_MANIFEST || [])
+
+new Prefetcher().route()
diff --git a/examples/v7-qwik/vite.config.ts b/examples/v7-qwik/vite.config.ts
index 5c1124916..59632d051 100644
--- a/examples/v7-qwik/vite.config.ts
+++ b/examples/v7-qwik/vite.config.ts
@@ -1,13 +1,54 @@
-import { defineConfig } from "vite";
+/**
+ * This is the base config for vite.
+ * When building, the adapter config is used which loads this file and extends it.
+ */
+import { defineConfig, type UserConfig } from "vite";
import { qwikVite } from "@builder.io/qwik/optimizer";
import { qwikCity } from "@builder.io/qwik-city/vite";
import tsconfigPaths from "vite-tsconfig-paths";
+import pkg from "./package.json";
-export default defineConfig(() => {
+const { dependencies = {}, devDependencies = {} } = pkg as any as {
+ dependencies: Record;
+ devDependencies: Record;
+ [key: string]: unknown;
+};
+
+/**
+ * Note that Vite normally starts from `index.html` but the qwikCity plugin makes start at `src/entry.ssr.tsx` instead.
+ */
+export default defineConfig(({ command, mode }): UserConfig => {
return {
plugins: [qwikCity(), qwikVite(), tsconfigPaths()],
+ // This tells Vite which dependencies to pre-build in dev mode.
+ optimizeDeps: {
+ // Put problematic deps that break bundling here, mostly those with binaries.
+ // For example ['better-sqlite3'] if you use that in server functions.
+ exclude: [],
+ },
+ // This tells Vite how to bundle the server code.
+ ssr:
+ command === "build" && mode === "production"
+ ? {
+ // All dev dependencies should be bundled in the server build
+ noExternal: Object.keys(devDependencies),
+ // Anything marked as a dependency will not be bundled
+ // These should only be production binary deps (including deps of deps), CLI deps, and their module graph
+ // If a dep-of-dep needs to be external, add it here
+ // For example, if something uses `bcrypt` but you don't have it as a dep, you can write
+ // external: [...Object.keys(dependencies), 'bcrypt']
+ external: Object.keys(dependencies),
+ }
+ : undefined,
+ server: {
+ headers: {
+ // Don't cache the server response in dev mode
+ "Cache-Control": "public, max-age=0",
+ },
+ },
preview: {
headers: {
+ // Do cache the server response in preview (non-adapter production build)
"Cache-Control": "public, max-age=600",
},
},