blob: 116f2b45626c5b9cc42637a6bf38b631cc79faa5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
|
import Navbar, { NavbarItem } from '../components/navbar';
import Chapters, { chapter } from '../components/chapters';
import Seperator from '../components/seperator';
import { getStaticProps as getBlogPage, ArticleMeta, RenderedArticle } from './post/[id]';
var posts = ["index", "index", "index"];
export default function Home(props: {
posts: Array<{
props: {
content: string,
meta: ArticleMeta
}
}>
}) {
return <div>
<div className="centeredPage">
<div className="titleWrapper">
<h1>{props.posts[0].props.meta.title}</h1>
</div>
<div className="navAreaWrapper">
<div className="sticky">
<Navbar page="home"/>
<NavbarItem title="Pinned posts:" classList={["pinned"]}/>
<Chapters chapters={[
...props.posts.slice(1).map(post => {
return {
children: post.props.meta.chapters,
name: post.props.meta.title,
} as chapter
})
]}/>
</div>
</div>
<div className="contentWrapper">
{
props.posts.map((post, index) => {
return <>
{ index != 0 && <h1>{post.props.meta.title}</h1> }
<RenderedArticle content={post.props.content}/>
{ index + 1 != props.posts.length && <Seperator/> }
</>
})
}
</div>
</div>
</div>
}
export function getStaticProps() {
var postsContent = [];
posts.forEach(id => {
postsContent.push(getBlogPage({ params: { id } }));
})
var staticProps = { props: { posts: postsContent } };
console.log(staticProps)
return staticProps
}
|