https://next-blog-kontent.vercel.app/

1<!DOCTYPE html><html lang="en"><head><meta name="viewport" content="width=device-width"/><meta charSet="utf-8"/><link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"/><link rel="manifest" href="/favicon/site.webmanifest"/><link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#000000"/><link rel="shortcut icon" href="/favicon/favicon.ico"/><meta name="msapplication-TileColor" content="#000000"/><meta name="msapplication-config" content="/favicon/browserconfig.xml"/><meta name="theme-color" content="#000"/><link rel="alternate" type="application/rss+xml" href="/feed.xml"/><meta name="description" content="A statically generated blog example using Next.js and Kontent."/><meta property="og:image" content="https://og-image.now.sh/Next.js%20Blog%20Example%20with%20**Kontent**.png?theme=light&amp;md=1&amp;fontSize=75px&amp;images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg&amp;images=https%3A%2F%2Fraw.githubusercontent.com%2FKentico%2FHome%2Fmaster%2Fimages%2Fkk-logo-nextjs.png"/><title>Next.js Blog Example with Kontent</title><meta name="next-head-count" content="15"/><link rel="preload" href="/_next/static/css/6ba5e8a02cb728000be7.css" as="style"/><link rel="stylesheet" href="/_next/static/css/6ba5e8a02cb728000be7.css"/><link rel="preload" href="/_next/static/chunks/main-f01cf1dcca173d7f43b1.js" as="script"/><link rel="preload" href="/_next/static/chunks/webpack-ccf5ab034a524403276a.js" as="script"/><link rel="preload" href="/_next/static/chunks/framework.ea5d6f7a7099b14097ba.js" as="script"/><link rel="preload" href="/_next/static/chunks/commons.136473f176143783e714.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/_app-1beecb27fa2d31636787.js" as="script"/><link rel="preload" href="/_next/static/chunks/2c3b9bffc7150b37a7b3810dfcf1c0b0fac2bd18.708fbf52a80619dc0411.js" as="script"/><link rel="preload" href="/_next/static/chunks/pages/index-24e293a4b137c908ce2e.js" as="script"/></head><body><div id="__next"><div class="min-h-screen"><div class="border-b bg-accent-1 border-accent-2"><div class="container mx-auto px-5"><div class="py-2 text-center text-sm">The source code for this blog is<!-- --> <a href="https://github.com/vercel/next.js/tree/canary/examples/cms-kontent" class="underline hover:text-success duration-200 transition-colors">available on GitHub</a>.</div></div></div><main><div class="container mx-auto px-5"><section class="flex-col md:flex-row flex items-center md:justify-between mt-16 mb-16 md:mb-12"><h1 class="text-6xl md:text-8xl font-bold tracking-tighter leading-tight md:pr-8">Blog.</h1><h4 class="text-center md:text-left text-lg mt-5 md:pl-8">A statically generated blog example using<!-- --> <a href="https://nextjs.org/" class="underline hover:text-success duration-200 transition-colors">Next.js</a> <!-- -->and<!-- --> <a href="https://kontent.ai" class="underline hover:text-success duration-200 transition-colors">Kontent</a>.</h4></section><section><div class="mb-8 md:mb-16"><div class="-mx-5 sm:mx-0"><a aria-label="Dynamic Routing and Static Generation" href="/posts/dynamic-routing-and-static-generation"><img src="https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/d2370b26-fe0d-4c99-9a06-cd79df7a3c3a/cover.jpg" alt="Cover Image for Dynamic Routing and Static Generation" class="shadow-small hover:shadow-medium transition-shadow duration-200"/></a></div></div><div class="md:grid md:grid-cols-2 md:col-gap-16 lg:col-gap-8 mb-20 md:mb-28"><div><h3 class="mb-4 text-4xl lg:text-6xl leading-tight"><a class="hover:underline" href="/posts/dynamic-routing-and-static-generation">Dynamic Routing and Static Generation</a></h3><div class="mb-4 md:mb-0 text-lg"><time dateTime="2020-04-16T00:00:00.000Z">April	16, 2020</time></div></div><div><p class="text-lg leading-relaxed mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.</p><div class="flex items-center"><img src="https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/d2003ff6-9f41-4903-96d7-93fb76558d4c/jj.jpeg" class="w-12 h-12 rounded-full mr-4" alt="JJ Kasper"/><div class="text-xl font-bold">JJ Kasper</div></div></div></div></section><section><h2 class="mb-8 text-6xl md:text-7xl font-bold tracking-tighter leading-tight">More Stories</h2><div class="grid grid-cols-1 md:grid-cols-2 md:col-gap-16 lg:col-gap-32 row-gap-20 md:row-gap-32 mb-32"><div><div class="mb-5"><div class="-mx-5 sm:mx-0"><a aria-label="Preview Mode for Static Generation" href="/posts/preview-mode-for-static-generation"><img src="https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/5900325b-5bee-44dc-828f-988078a63472/cover.jpg" alt="Cover Image for Preview Mode for Static Generation" class="shadow-small hover:shadow-medium transition-shadow duration-200"/></a></div></div><h3 class="text-3xl mb-3 leading-snug"><a class="hover:underline" href="/posts/preview-mode-for-static-generation">Preview Mode for Static Generation</a></h3><div class="text-lg mb-4"><time dateTime="2020-03-16T00:00:00.000Z">March	16, 2020</time></div><p class="text-lg leading-relaxed mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.</p><div class="flex items-center"><img src="https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/20b5ce6b-9e5f-4af1-851f-c5fe5ddaffe5/joe.jpeg" class="w-12 h-12 rounded-full mr-4" alt="Joe Hadda

1d"/><div class="text-xl font-bold">Joe Haddad</div></div></div><div><div class="mb-5"><div class="-mx-5 sm:mx-0"><a aria-label="Learn How to Pre-render Pages Using Static Generation with Next.js" href="/posts/learn-how-to-pre-render-pages-using-static-generation-with-next-js"><img src="https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/8c2bcb30-0c0d-4c90-9598-11e8f99df0c2/cover.jpg" alt="Cover Image for Learn How to Pre-render Pages Using Static Generation with Next.js" class="shadow-small hover:shadow-medium transition-shadow duration-200"/></a></div></div><h3 class="text-3xl mb-3 leading-snug"><a class="hover:underline" href="/posts/learn-how-to-pre-render-pages-using-static-generation-with-next-js">Learn How to Pre-render Pages Using Static Generation with Next.js</a></h3><div class="text-lg mb-4"><time dateTime="2020-03-16T00:00:00.000Z">March	16, 2020</time></div><p class="text-lg leading-relaxed mb-4">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.</p><div class="flex items-center"><img src="https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/ee965db0-72b5-4870-9084-ce670c1314e4/tim.jpeg" class="w-12 h-12 rounded-full mr-4" alt="Tim Neutkens"/><div class="text-xl font-bold">Tim Neutkens</div></div></div></div></section></div></main></div><footer class="bg-accent-1 border-t border-accent-2"><div class="container mx-auto px-5"><div class="py-28 flex flex-col lg:flex-row items-center"><h3 class="text-4xl lg:text-5xl font-bold tracking-tighter leading-tight text-center lg:text-left mb-10 lg:mb-0 lg:pr-4 lg:w-1/2">

1Statically Generated with Next.js.</h3><div class="flex flex-col lg:flex-row justify-center items-center lg:pl-4 lg:w-1/2"><a href="https://nextjs.org/docs/basic-features/pages" class="mx-3 bg-black hover:bg-white hover:text-black border border-black text-white font-bold py-3 px-12 lg:px-8 duration-200 transition-colors mb-6 lg:mb-0">Read Documentation</a><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-kontent" class="mx-3 font-bold hover:underline">View on GitHub</a></div></div></div></footer></div>

1<script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"allPosts":[{"title":"Dynamic Routing and Static Generation","slug":"dynamic-routing-and-static-generation","date":"2020-04-16T00:00:00.000Z","content":"\u003cp\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.\u003c/p\u003e\n\u003cp\u003eVenenatis cras sed felis eget velit. Consectetur libero id faucibus nisl tincidunt. Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus. Volutpat consequat mauris nunc congue nisi vitae. Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Nibh cras pulvinar mattis nunc sed. Luctus accumsan tortor posuere ac ut consequat semper viverra. Fringilla ut morbi tincidunt augue interdum velit euismod.\u003c/p\u003e\n\u003ch2\u003eLorem Ipsum\u003c/h2\u003e\n\u003cp\u003eTristique senectus et netus et malesuada fames ac turpis. Ridiculous mus mauris vitae ultricies leo integer malesuada nunc vel. In mollis nunc sed id semper. Egestas tellus rutrum tellus pellentesque. Phasellus vestibulum lorem sed risus ultricies tristique nulla. Quis blandit turpis cursus in hac habitasse platea dictumst quisque. Eros donec ac odio tempor orci dapibus ultrices. Aliquam sem et tortor consequat id porta nibh. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Diam vulputate ut pharetra sit amet. Ut tellus elementum sagittis vitae et leo. Arcu non odio euismod lacinia at quis risus sed vulputate.\u003c/p\u003e","excerpt":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.","coverImage":"https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/d2370b26-fe0d-4c99-9a06-cd79df7a3c3a/cover.jpg","author":{"name":"JJ Kasper","picture":"https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/d2003ff6-9f41-4903-96d7-93fb76558d4c/jj.jpeg"}},{"title":"Preview Mode for Static Generation","slug":"preview-mode-for-static-generation","date":"2020-03-16T00:00:00.000Z","content":"\u003cp\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.\u003c/p\u003e\n\u003cp\u003eVenenatis cras sed felis eget velit. Consectetur libero id faucibus nisl tincidunt. Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus. Volutpat consequat mauris nunc congue nisi vitae. Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Nibh cras pulvinar mattis nunc sed. Luctus accumsan tortor posuere ac ut consequat semper viverra. Fringilla ut morbi tincidunt augue interdum velit euismod.\u003c/p\u003e\n\u003ch2\u003eLorem Ipsum\u003c/h2\u003e\n\u003cp\u003eTristique senectus et netus et malesuada fames ac turpis. Ridiculous mus mauris vitae ultricies leo integer malesuada nunc vel. In mollis nunc sed id semper. Egestas tellus rutrum tellus pellentesque. Phasellus vestibulum lorem sed risus ultricies tristique nulla. Quis blandit turpis cursus in hac habitasse platea dictumst quisque. Eros donec ac odio tempor orci dapibus ultrices. Aliquam sem et tortor consequat id porta nibh. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Diam vulputate ut pharetra sit amet. Ut tellus elementum sagittis vitae et leo. Arcu non odio euismod lacinia at quis risus sed vulputate.\u003c/p\u003e","excerpt":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.","coverImage":"https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/5900325b-5bee-44dc-828f-988078a63472/cover.jpg","author":{"name":"Joe Hadda

1d","picture":"https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/20b5ce6b-9e5f-4af1-851f-c5fe5ddaffe5/joe.jpeg"}},{"title":"Learn How to Pre-render Pages Using Static Generation with Next.js","slug":"learn-how-to-pre-render-pages-using-static-generation-with-next-js","date":"2020-03-16T00:00:00.000Z","content":"\u003cp\u003eLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus. Praesent elementum facilisis leo vel fringilla. Congue mauris rhoncus aenean vel. Egestas sed tempus urna et pharetra pharetra massa massa ultricies.\u003c/p\u003e\n\u003cp\u003eVenenatis cras sed felis eget velit. Consectetur libero id faucibus nisl tincidunt. Gravida in fermentum et sollicitudin ac orci phasellus egestas tellus. Volutpat consequat mauris nunc congue nisi vitae. Id aliquet risus feugiat in ante metus dictum at tempor. Sed blandit libero volutpat sed cras. Sed odio morbi quis commodo odio aenean sed adipiscing. Velit euismod in pellentesque massa placerat. Mi bibendum neque egestas congue quisque egestas diam in arcu. Nisi lacus sed viverra tellus in. Nibh cras pulvinar mattis nunc sed. Luctus accumsan tortor posuere ac ut consequat semper viverra. Fringilla ut morbi tincidunt augue interdum velit euismod.\u003c/p\u003e\n\u003ch2\u003eLorem Ipsum\u003c/h2\u003e\n\u003cp\u003eTristique senectus et netus et malesuada fames ac turpis. Ridiculous mus mauris vitae ultricies leo integer malesuada nunc vel. In mollis nunc sed id semper. Egestas tellus rutrum tellus pellentesque. Phasellus vestibulum lorem sed risus ultricies tristique nulla. Quis blandit turpis cursus in hac habitasse platea dictumst quisque. Eros donec ac odio tempor orci dapibus ultrices. Aliquam sem et tortor consequat id porta nibh. Adipiscing elit duis tristique sollicitudin nibh sit amet commodo nulla. Diam vulputate ut pharetra sit amet. Ut tellus elementum sagittis vitae et leo. Arcu non odio euismod lacinia at quis risus sed vulputate.\u003c/p\u003e","excerpt":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Praesent elementum facilisis leo vel fringilla est ullamcorper eget. At imperdiet dui accumsan sit amet nulla facilities morbi tempus.","coverImage":"https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/8c2bcb30-0c0d-4c90-9598-11e8f99df0c2/cover.jpg","author":{"name":"Tim Neutkens","picture":"https://assets-us-01.kc-usercontent.com:443/a99c6ff3-1e1d-000a-2573-c93dfb21cf6e/ee965db0-72b5-4870-9084-ce670c1314e4/tim.jpeg"}}],"preview":false},"__N_SSG":true},"page":"/","query":{},"buildId":"4s1Oe5AwH2j4ZBbqX8oWX","runtimeConfig":{},"nextExport":false,"isFallback":false,"gsp":true}</script>

1<script nomodule="" src="/_next/static/chunks/polyfills-9297741ddbbb81bca141.js"></script>

1<script src="/_next/static/chunks/main-f01cf1dcca173d7f43b1.js" async=""></script>

1<script src="/_next/static/chunks/webpack-ccf5ab034a524403276a.js" async=""></script>

1<script src="/_next/static/chunks/framework.ea5d6f7a7099b14097ba.js" async=""></script>

1<script src="/_next/static/chunks/commons.136473f176143783e714.js" async=""></script>

1<script src="/_next/static/chunks/pages/_app-1beecb27fa2d31636787.js" async=""></script>

1<script src="/_next/static/chunks/2c3b9bffc7150b37a7b3810dfcf1c0b0fac2bd18.708fbf52a80619dc0411.js" async=""></script>

1<script src="/_next/static/chunks/pages/index-24e293a4b137c908ce2e.js" async=""></script>

1<script src="/_next/static/4s1Oe5AwH2j4ZBbqX8oWX/_buildManifest.js" async=""></script>

1<script src="/_next/static/4s1Oe5AwH2j4ZBbqX8oWX/_ssgManifest.js" async=""></script>

1</body></html>