refine the ssr

joonshakya · joonshakya · commit 047dd7c54733 · 2025-04-24T07:25:01.000+05:45
diff --git a/bun.lock b/bun.lock
diff --git a/package.json b/package.json
@@ -24,7 +24,6 @@
     "prop-types": "15.8.1",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "sass": "^1.80.6",
     "zustand": "^5.0.1"
   },
   "devDependencies": {
diff --git a/pages/8.js b/pages/8.js
@@ -1,6 +1,6 @@
 import Index from ".";
 
-export default function Sem() {
+function Sem() {
   return (
     <>
       <Index />
diff --git a/pages/_app.js b/pages/_app.js
@@ -6,12 +6,11 @@ import CssBaseline from "@mui/material/CssBaseline";
 import { CacheProvider } from "@emotion/react";
 import theme from "../src/theme";
 import createEmotionCache from "../src/createEmotionCache";
-import dynamic from "next/dynamic";
 
 // Client-side cache, shared for the whole session of the user in the browser.
 const clientSideEmotionCache = createEmotionCache();
 
-function MyApp(props) {
+export default function MyApp(props) {
   const {
     Component,
     emotionCache = clientSideEmotionCache,
@@ -297,7 +296,3 @@ MyApp.propTypes = {
   emotionCache: PropTypes.object,
   pageProps: PropTypes.object.isRequired,
 };
-
-export default dynamic(() => Promise.resolve(MyApp), {
-  ssr: false,
-});
diff --git a/pages/_document.js b/pages/_document.js
@@ -14,9 +14,6 @@ export default class MyDocument extends Document {
     return (
       <Html lang="en" className={roboto.className}>
         <Head>
-          <title key="title">
-            CSIT21 - SXC B.Sc. CSIT Batch 2021
-          </title>
           <meta
             key="og:image"
             property="og:image"
diff --git a/pages/index.js b/pages/index.js
@@ -7,9 +7,9 @@ import {
   CardContent,
   Container,
   Toolbar,
-  Typography,
 } from "@mui/material";
 import Grid from "@mui/material/Grid2";
+import dynamic from "next/dynamic";
 
 import Materials from "../components/Materials";
 import Soon from "../components/Soon";
@@ -28,7 +28,7 @@ import Feedback from "../components/Feedback";
 import Countdown from "../components/Countdown";
 // import LeftSideCardMessage from "../components/LeftSideCardMessage";
 
-export default function Index() {
+function Index() {
   const theme = useTheme();
   const isDesktop = useMediaQuery(theme.breakpoints.up("sm"));
 
@@ -280,3 +280,7 @@ export default function Index() {
     </>
   );
 }
+
+export default dynamic(() => Promise.resolve(Index), {
+  ssr: false,
+});
