c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Use SSR

Browse Source
This commit is contained in:
Daniel Kluge 2022-10-03 01:20:17 +02:00
parent 59da7d5c34
commit c8d0d1e959
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
docker-compose.dev.yml
View File

@ -23,6 +23,8 @@ services:
- "traefik.http.routers.website-dev-secure.tls.certresolver=le"
- "traefik.http.routers.website-dev-secure.service=website-dev"
- "traefik.http.services.website-dev.loadbalancer.server.port=3000"
environment:
- BASE_URL=https://dev.c0ntroller.de
networks:
traefik:

2
docker-compose.stable.yml
View File

@ -23,6 +23,8 @@ services:
- "traefik.http.routers.website-stable-secure.tls.certresolver=le"
- "traefik.http.routers.website-stable-secure.service=website-stable"
- "traefik.http.services.website-stable.loadbalancer.server.port=3000"
environment:
- BASE_URL=https://c0ntroller.de
networks:
traefik:

18
pages/index.tsx
View File

@ -7,13 +7,13 @@ import ProjectCard from "../components/Blog/Card";
import Spinner from "../components/Spinner";
import styles from "../styles/Blog/Front.module.scss";
const Blog: NextPage<{}> = () => {
const { data: projectList, error } = useSWR("/content/list.json", (...args) => fetch(...args).then(res => res.json()));
const Blog: NextPage<{ content: ContentList }> = ({content}) => {
//const { data: projectList, error } = useSWR("/content/list.json", (...args) => fetch(...args).then(res => res.json()));
const generateCards = (type: string) => {
if (error) return <div>Error on fetching projects.</div>;
if (!projectList) return <Spinner size={200} color={"#fff"} />;
else return <div className={styles.contentList}>{(projectList as ContentList).filter(p => p.type === type).map(p => <ProjectCard key={p.name} title={p.title} description={p.desc.join(" ")} />)}</div>;
//if (error) return <div>Error on fetching projects.</div>;
//if (!projectList) return <Spinner size={200} color={"#ff0000"} />;
/*else*/ return <div className={styles.contentList}>{content.filter(p => p.type === type).map(p => <ProjectCard key={p.name} title={p.title} description={p.desc.join(" ")} />)}</div>;
};
return <>
@ -37,4 +37,12 @@ const Blog: NextPage<{}> = () => {
};
export async function getServerSideProps() {
const url = process.env.BASE_URL || "https://c0ntroller.de";
const res = await fetch(`${url}/content/list.json`);
const content = await res.json();
return { props: { content } };
}
export default Blog;