🐛 show getting started message if no README.md is present

show getting started message if no README.md is present

🐛 Bugfix

src/pages/index.tsx

@@ -1,8 +1,8 @@
 import { GetStaticProps } from 'next';
-import { Stack } from '@mui/joy';
+import { Stack, Box } from '@mui/joy';
 import { withTranslations } from '@/util/i18n/withTranslations';
 import { join } from 'path';
-import { readFileSync } from 'fs';
+import { existsSync, readFileSync } from 'fs';
 import { remark } from 'remark';
 import html from 'remark-html';
 
@@ -13,7 +13,7 @@ export interface HomePageProps {
 const HomePage = (props: HomePageProps) => {
   return (
     <Stack spacing={1}>
-      <div dangerouslySetInnerHTML={{ __html: props.contentHtml }} />
+      <Box dangerouslySetInnerHTML={{ __html: props.contentHtml }} />
     </Stack>
   );
 };
@@ -22,15 +22,19 @@ export default HomePage;
 
 export const getStaticProps: GetStaticProps = withTranslations(async () => {
   const fullPath = join(`.`, `README.md`);
-  let fileContents = readFileSync(fullPath, `utf8`);
+  let fileContents = existsSync(fullPath)
+    ? readFileSync(fullPath, `utf8`)
+    : null;
 
   fileContents = fileContents
-    .split(
-      `
+    ? fileContents
+        .split(
+          `
 `,
-    )
-    .splice(3, fileContents.length)
-    .join(`\n`);
+        )
+        .splice(3, fileContents.length)
+        .join(`\n`)
+    : `No README.md found in the root of the project. But that's okay! You probably just want begin coding your app. A great place to start would be by modifying the \`getStaticProps\` function in \`src/pages/index.tsx\` to remove this message and accompanying logic. Beyond that, good luck and happy coding!`;
 
   const processedContent = await remark().use(html).process(fileContents);