From 2a287f317a51f5f02b643af0acf2733cadbb8081 Mon Sep 17 00:00:00 2001 From: eug-vs Date: Sat, 17 Sep 2022 15:24:50 +0300 Subject: feat: initial commit --- src/pages/[...path].tsx | 56 +++++++++++++++++++++++++++++++++++++++++++++++++ src/pages/_app.tsx | 18 ++++++++++++++++ 2 files changed, 74 insertions(+) create mode 100644 src/pages/[...path].tsx create mode 100644 src/pages/_app.tsx (limited to 'src/pages') diff --git a/src/pages/[...path].tsx b/src/pages/[...path].tsx new file mode 100644 index 0000000..30fdcd6 --- /dev/null +++ b/src/pages/[...path].tsx @@ -0,0 +1,56 @@ +import _ from 'lodash'; +import type { GetStaticPropsContext, NextPage } from "next"; +import ReactMarkdown from 'react-markdown'; +import Head from "next/head"; +import deepReadDir from "../deepReadDir"; +import fs from 'fs'; + + +const MARKDOWN_DIR = '../eug-vs-xyz/src'; + +const transformLinkURI = (uri: string): string => { + return uri.match(/(.*)\.md/)?.[1] || uri; +} + +export const getStaticProps = async (context: GetStaticPropsContext) => { + const path = _.isArray(context.params?.path) && context.params?.path || [context.params?.path]; + const markdownSource = fs.readFileSync(`${MARKDOWN_DIR}/${path?.join('/')}.md`).toString(); + return { + props: { + markdownSource, + path, + } + } +} + +export const getStaticPaths = async () => { + const globalPaths = await deepReadDir(MARKDOWN_DIR); + const paths = globalPaths + .map(globalPath => globalPath.match(`${MARKDOWN_DIR}/(.*)\.md`)?.[1] ) + .filter(p => p) + .map(p => p?.split('/')) + .map(path => ({ params: { path } })); + console.log(paths); + return { + paths, + fallback: false, + } +} + +const Page: NextPage = ({ markdownSource }: any) => { + return ( + <> + + Create T3 App + + + +
+ {markdownSource} +
+ + ); +}; + +export default Page; + diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx new file mode 100644 index 0000000..191f276 --- /dev/null +++ b/src/pages/_app.tsx @@ -0,0 +1,18 @@ +import "../styles/globals.css"; +import logo from '../../public/eug-vs.png'; +import type { AppProps } from "next/app"; +import Image from 'next/future/image'; + +function MyApp({ Component, pageProps }: AppProps) { + return ( + <> + + +

Eugene's Space

+ + + + ) +} + +export default MyApp; -- cgit v1.2.3