diff --git a/repl/snowpack.config.mjs b/repl/snowpack.config.mjs
index 9fa4cf7a..96bffd51 100644
--- a/repl/snowpack.config.mjs
+++ b/repl/snowpack.config.mjs
@@ -21,6 +21,7 @@ export default {
     /* Enable an SPA Fallback in development: */
     // {"match": "routes", "src": ".*", "dest": "/index.html"},
   ],
+  exclude: ['**/node_modules/**/*', '**/tutorial/**/*'],
   optimize: {
     /* Example: Bundle your final build: */
     // "bundle": true,
diff --git a/repl/src/App.tsx b/repl/src/App.tsx
index 99374dfb..03b9ad90 100644
--- a/repl/src/App.tsx
+++ b/repl/src/App.tsx
@@ -96,6 +96,9 @@ function App() {
           >
             🎲 random tune
           </button>
+          <button>
+            <a href="./tutorial">📚 tutorial</a>
+          </button>
         </div>
       </header>
       <section className="grow flex flex-col text-gray-100">
diff --git a/repl/src/tutorial/Tutorial.js b/repl/src/tutorial/Tutorial.js
index 565573ce..f16e6f1c 100644
--- a/repl/src/tutorial/Tutorial.js
+++ b/repl/src/tutorial/Tutorial.js
@@ -1,7 +1,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import Tutorial from './tutorial.mdx';
-import logo from '../logo.svg';
+// import logo from '../logo.svg';
 
 ReactDOM.render(
   <React.StrictMode>
@@ -9,7 +9,7 @@ ReactDOM.render(
       <header className="flex-none flex justify-center w-full h-16 px-2 items-center border-b border-gray-200 bg-white">
         <div className="p-4 w-full max-w-3xl flex justify-between">
           <div className="flex items-center space-x-2">
-            <img src={logo} className="Tidal-logo w-16 h-16" alt="logo" />
+            <img src={'https://tidalcycles.org/img/logo.svg'} className="Tidal-logo w-16 h-16" alt="logo" />
             <h1 className="text-2xl">Strudel Tutorial</h1>
           </div>
           {!window.location.href.includes('localhost') && (