feat(project): add not found pages and 404.html for github pages

jwplayer · Dec 15, 2021 · 3249d63 · 3249d63
1 parent ec9bc60
commit 3249d63
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/scripts/deploy-github.js b/scripts/deploy-github.js
@@ -88,6 +88,7 @@ function build() {
   if (customDomain) {
     fs.writeFileSync('./build/CNAME', customDomain);
   }
+  shPrint('cp ./build/index.html ./build/404.html');
 }
 
 function deploy() {

diff --git a/src/components/Root/Root.tsx b/src/components/Root/Root.tsx
@@ -38,6 +38,11 @@ const Root: FC<Props> = ({ error }: Props) => {
         <Route path="/q/:query?" component={Search} />
         <Route path="/u/:page?" component={User} />
         <Route path="/o/about" component={About} />
+        <Route>
+          <ErrorPage title={t('notfound_error_heading', 'Not found')}>
+            <p>{t('notfound_error_description', "This page doesn't exist.")}</p>
+          </ErrorPage>
+        </Route>
       </Switch>
       <AccountModal />
     </Layout>