Next js simple blog

1

Lorem Picsum

Https://picsum.photos/ Https://jsonplaceholder.typicode.com/ Https://nextjs.org/docs/api-reference/next/image#remote-patterns Import styles from "../styles/Home.module.css" Import Image from "next/image" Import Link from "next/link" Import {useRouter} from "next/router".

#Placeholder Images #Design Tools #Web Development Tools 50 social mentions

2

JSON Placeholder

//index.jsx Import styles from "../styles/Home.module.css" Export default function Home ({data, page}){ return ( My Blog {page} {data.map((e)=>( {e.id} . {e.title} {e.body} ))} ) } Export async function getServerSideProps(ctx){ console.info(ctx) const result = await fetch("https://jsonplaceholder.typicode.com/posts?_page=" + ctx.query.page) const data = await result.json() return { props : { data: data, page : ctx.query.page || 1 } } }.

#Development #Online Services #Web Browsers 123 social mentions