Motschen/midnightdust-eu
1
0
Fork 0
mirror of https://github.com/Motschen/midnightdust-eu.git synced 2025-12-18 03:15:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

More progress

Browse Source
This commit is contained in:
Martin Prokoph
2024-02-08 21:50:07 +01:00
parent 9863a49398
commit ce144849f3
6 changed files with 38 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/pages/blog/[...page].astro
View File

@@ -1,10 +1,12 @@
---
import DefaultLayout from '../../layouts/DefaultLayout.astro'
import { Card, Pagination } from 'accessible-astro-components'
import blogPosts from '../../../public/blog/blog-posts.json'
export async function getStaticPaths({ paginate }) {
const response = await fetch('https://jsonplaceholder.typicode.com/posts')
const data = await response.json()
//const response = await fetch('https://jsonplaceholder.typicode.com/posts')
//const data = await response.json()
const data = blogPosts;
return paginate(data, { pageSize: 6 })
}
@@ -36,7 +38,8 @@ const { page } = Astro.props
<Card
url={'/blog/' + post.title.replaceAll(' ', '-').toLowerCase()}
title={post.title}
footer={'userId:' + post.userId}
footer={'Written by: ' + post.userId}
img={post.img}
>
{post.body}
</Card>

6
src/pages/blog/[post].astro
View File

@@ -1,9 +1,11 @@
---
import DefaultLayout from '../../layouts/DefaultLayout.astro'
import { Breadcrumbs, BreadcrumbsItem } from 'accessible-astro-components'
import blogPosts from '../../../public/blog/blog-posts.json'
export async function getStaticPaths() {
const data = await fetch('https://jsonplaceholder.typicode.com/posts').then((response) => response.json())
const data = blogPosts;
//const data = await fetch('https://jsonplaceholder.typicode.com/posts').then((response) => response.json())
return data.map((post) => {
return {
@@ -29,7 +31,7 @@ const { post } = Astro.props
<section class="my-12">
<div class="container">
<h1>{post.title}</h1><br />
<p>By userId: {post.userId}</p>
<p>By user: {post.userId}</p>
</div>
</section>
<section class="my-12">