diff --git a/sites/svelte.dev/src/routes/+page.svelte b/sites/svelte.dev/src/routes/+page.svelte
index 3a3463f712..26d9d7a279 100644
--- a/sites/svelte.dev/src/routes/+page.svelte
+++ b/sites/svelte.dev/src/routes/+page.svelte
@@ -65,11 +65,11 @@
 			},
 			{
 				title: 'examples',
-				href: '/examples'
+				href: 'https://svelte.dev/playground'
 			},
 			{
 				title: 'blog',
-				href: '/blog'
+				href: 'https://svelte.dev/blog'
 			}
 		],
 		connect: [
diff --git a/sites/svelte.dev/src/routes/_components/Demo.svelte b/sites/svelte.dev/src/routes/_components/Demo.svelte
index ecee643a0a..38a5b07d14 100644
--- a/sites/svelte.dev/src/routes/_components/Demo.svelte
+++ b/sites/svelte.dev/src/routes/_components/Demo.svelte
@@ -12,7 +12,7 @@
 			id: 'nested-components',
 			title: 'Scoped CSS',
 			description:
-				'CSS is component-scoped by default — no more style collisions or specificity wars. Or you can <a href="/blog/svelte-css-in-js">use your favourite CSS-in-JS library</a >.'
+				'CSS is component-scoped by default — no more style collisions or specificity wars. Or you can <a href="https://svelte.dev/blog/svelte-css-in-js">use your favourite CSS-in-JS library</a >.'
 		},
 		{
 			id: 'reactive-assignments',
@@ -49,7 +49,7 @@
 				{/each}
 			</div>
 
-			<a href="/examples">more <span class="large-show">&nbsp;examples</span> &rarr;</a>
+			<a href="https://svelte.dev/playground">more <span class="large-show">&nbsp;examples</span> &rarr;</a>
 		</div>
 
 		{#if selected}
diff --git a/sites/svelte.dev/src/routes/_components/Example.svelte b/sites/svelte.dev/src/routes/_components/Example.svelte
index e0b88cf5ed..df09c8acf1 100644
--- a/sites/svelte.dev/src/routes/_components/Example.svelte
+++ b/sites/svelte.dev/src/routes/_components/Example.svelte
@@ -11,7 +11,7 @@
 
 	$: {
 		if (repl) {
-			fetch(`/examples/api/${id}.json`)
+			fetch(`https://svelte.dev/playground/api/${id}.json`)
 				.then((r) => r.json())
 				.then((data) => process_example(data.files))
 				.then((files) => {