Feature - sakura router

next.config.js

@@ -1,6 +1,7 @@
 const path = require('path');
 const withReactSvg = require('next-react-svg');
 const withPlugins = require('next-compose-plugins');
+const { redirect } = require('next/dist/next-server/server/api-utils');
 const withTM = require('next-transpile-modules')([
   'react-material-ui-carousel',
 ]);

pages/index.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { useTheme } from 'next-themes';
+import Router, { useRouter } from 'next/router';
 
 import Head from 'next/head';
 import Header from '../components/Header/Header';
@@ -18,6 +19,7 @@ import Features from '../components/ClvFeatures/CloverFeature';
 
 declare var WOW;
 const Home = () => {
+  const router = useRouter();
   const { theme, setTheme } = useTheme();
   const scrollRef = useRef(null);
   const handleClickScroll = () => {
@@ -26,9 +28,10 @@ const Home = () => {
     }
   };
   useEffect(() => {
-    setTimeout(_ => {
-      // new WOW({ animateClass: 'animated' }).init();
-    }, 1000);
+    const { asPath } = Router;
+    if (asPath !== '/') {
+      router.push(asPath);
+    }
   }, []);
 
   useEffect(() => {

pages/sakura.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useRef } from 'react';
 import { useTheme } from 'next-themes';
+import Router from 'next/router';
 
 import Head from 'next/head';
 import Header from '../components/Header/Header';
@@ -17,19 +18,14 @@ import { Introduction } from '../components/Introduction/Introduction';
 import Features from '../components/ClvFeatures/CloverFeature';
 
 declare var WOW;
-const Home = () => {
+const Sakura = () => {
   const { theme, setTheme } = useTheme();
   const scrollRef = useRef(null);
   const handleClickScroll = () => {
     if (scrollRef.current) {
       scrollRef.current.scrollIntoView({ behavior: 'smooth' });
     }
   };
-  useEffect(() => {
-    setTimeout(_ => {
-      // new WOW({ animateClass: 'animated' }).init();
-    }, 1000);
-  }, []);
 
   useEffect(() => {
     setTheme('dark');
@@ -68,4 +64,4 @@ const Home = () => {
   );
 };
 
-export default Home;
+export default Sakura;