Add publicpath=/frame/

preact.config.js

@@ -0,0 +1,13 @@
+import webpack from 'webpack';
+
+const publicPath = '/frame/';
+
+export default (config, env, helpers) => {
+	config.output.publicPath = publicPath;
+
+	if (env.production) {
+	}
+	else {
+		config.devServer.publicPath = publicPath;
+	}
+};

src/components/app.js

@@ -22,9 +22,9 @@ export default class App extends Component {
 			<div id="app">
 				<Header />
 				<Router onChange={this.handleRoute}>
-					<Home path="/" />
-					<Profile path="/profile/" user="me" />
-					<Profile path="/profile/:user" />
+					<Home path="/frame/" />
+					<Profile path="/frame/profile/" user="me" />
+					<Profile path="/frame/profile/:user" />
 				</Router>
 			</div>
 		);

src/components/header/index.js

@@ -6,9 +6,9 @@ const Header = () => (
 	<header class={style.header}>
 		<h1>Preact App</h1>
 		<nav>
-			<Link activeClassName={style.active} href="/">Home</Link>
-			<Link activeClassName={style.active} href="/profile">Me</Link>
-			<Link activeClassName={style.active} href="/profile/john">John</Link>
+			<Link activeClassName={style.active} href="/frame/">Home</Link>
+			<Link activeClassName={style.active} href="/frame/profile">Me</Link>
+			<Link activeClassName={style.active} href="/frame/profile/john">John</Link>
 		</nav>
 	</header>
 );