3:I[5613,[],""]
5:I[1778,[],""]
6:I[8029,["250","static/chunks/250-c212f27b438f85e4.js","578","static/chunks/578-f65e36f4042c75b9.js","185","static/chunks/app/layout-7b5289faaafa605a.js"],"ThemeProviders"]
7:I[5935,["250","static/chunks/250-c212f27b438f85e4.js","578","static/chunks/578-f65e36f4042c75b9.js","185","static/chunks/app/layout-7b5289faaafa605a.js"],""]
8:I[8251,["250","static/chunks/250-c212f27b438f85e4.js","578","static/chunks/578-f65e36f4042c75b9.js","185","static/chunks/app/layout-7b5289faaafa605a.js"],"KBarSearchProvider"]
9:I[5250,["250","static/chunks/250-c212f27b438f85e4.js","749","static/chunks/749-ab6226b30b72a67a.js","797","static/chunks/app/blog/%5B...slug%5D/page-ff7d388b83cc9d76.js"],""]
a:I[7005,["250","static/chunks/250-c212f27b438f85e4.js","578","static/chunks/578-f65e36f4042c75b9.js","185","static/chunks/app/layout-7b5289faaafa605a.js"],"KBarButton"]
b:I[5021,["250","static/chunks/250-c212f27b438f85e4.js","578","static/chunks/578-f65e36f4042c75b9.js","185","static/chunks/app/layout-7b5289faaafa605a.js"],""]
c:I[6422,["250","static/chunks/250-c212f27b438f85e4.js","578","static/chunks/578-f65e36f4042c75b9.js","185","static/chunks/app/layout-7b5289faaafa605a.js"],""]
4:["slug","introducing-tailwind-nextjs-starter-blog","c"]
0:["a-MUoAQ5MZU5SLpXDyOXy",[[["",{"children":["blog",{"children":[["slug","introducing-tailwind-nextjs-starter-blog","c"],{"children":["__PAGE__?{\"slug\":[\"introducing-tailwind-nextjs-starter-blog\"]}",{}]}]}]},"$undefined","$undefined",true],["",{"children":["blog",{"children":[["slug","introducing-tailwind-nextjs-starter-blog","c"],{"children":["__PAGE__",{},["$L1","$L2",null]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","blog","children","$4","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/c1c99bc127b9f571.css","precedence":"next","crossOrigin":""}]]}]]},["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children","blog","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","styles":null}]]},[null,["$","html",null,{"lang":"en-us","className":"__variable_641c3b scroll-smooth","suppressHydrationWarning":true,"children":[["$","link",null,{"rel":"apple-touch-icon","sizes":"76x76","href":"/static/favicons/apple-touch-icon.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"32x32","href":"/static/favicons/favicon-32x32.png"}],["$","link",null,{"rel":"icon","type":"image/png","sizes":"16x16","href":"/static/favicons/favicon-16x16.png"}],["$","link",null,{"rel":"manifest","href":"/static/favicons/site.webmanifest"}],["$","link",null,{"rel":"mask-icon","href":"/static/favicons/safari-pinned-tab.svg","color":"#5bbad5"}],["$","meta",null,{"name":"msapplication-TileColor","content":"#000000"}],["$","meta",null,{"name":"theme-color","media":"(prefers-color-scheme: light)","content":"#fff"}],["$","meta",null,{"name":"theme-color","media":"(prefers-color-scheme: dark)","content":"#000"}],["$","link",null,{"rel":"alternate","type":"application/rss+xml","href":"/feed.xml"}],["$","body",null,{"className":"bg-white text-black antialiased dark:bg-gray-950 dark:text-white","children":["$","$L6",null,{"children":[["$undefined","$undefined","$undefined",["$","$L7",null,{"async":true,"defer":true,"data-website-id":"eb7a6ee1-bb6e-4122-aead-a7ddbf0194e1","src":"https://analytics.umami.is/script.js"}],"$undefined"],["$","section",null,{"className":"mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-5xl xl:px-0","children":["$","div",null,{"className":"flex h-screen flex-col justify-between font-sans","children":[["$","$L8",null,{"kbarConfig":{"searchDocumentsPath":"search.json"},"children":[["$","header",null,{"className":"flex items-center justify-between py-10","children":[["$","div",null,{"children":["$","$L9",null,{"href":"/","aria-label":"初心者博客","children":["$","div",null,{"className":"flex items-center justify-between","children":[["$","div",null,{"className":"mr-3","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","xmlnsXlink":"http://www.w3.org/1999/xlink","width":53.87,"height":43.61,"viewBox":"344.564 330.278 111.737 91.218","children":[["$","defs",null,{"children":[["$","linearGradient",null,{"id":"logo_svg__b","x1":420.97,"x2":420.97,"y1":331.28,"y2":418.5,"gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"offset":"0%","style":{"stopColor":"#06b6d4","stopOpacity":1}}],["$","stop",null,{"offset":"100%","style":{"stopColor":"#67e8f9","stopOpacity":1}}]]}],["$","linearGradient",null,{"id":"logo_svg__d","x1":377.89,"x2":377.89,"y1":331.28,"y2":418.5,"gradientUnits":"userSpaceOnUse","children":[["$","stop",null,{"offset":"0%","style":{"stopColor":"#06b6d4","stopOpacity":1}}],["$","stop",null,{"offset":"100%","style":{"stopColor":"#67e8f9","stopOpacity":1}}]]}],["$","path",null,{"id":"logo_svg__a","d":"M453.3 331.28v28.57l-64.66 58.65v-30.08z"}],["$","path",null,{"id":"logo_svg__c","d":"M410.23 331.28v28.57l-64.67 58.65v-30.08z"}]]}],["$","use",null,{"xlinkHref":"#logo_svg__a","fill":"url(#logo_svg__b)"}],["$","use",null,{"xlinkHref":"#logo_svg__c","fill":"url(#logo_svg__d)"}]]}]}],["$","div",null,{"className":"hidden h-6 text-2xl font-semibold sm:block","children":"初心者博客"}]]}]}]}],["$","div",null,{"className":"flex items-center space-x-4 leading-5 sm:space-x-6","children":[[["$","$L9",null,{"href":"/blog","className":"hidden font-medium text-gray-900 dark:text-gray-100 sm:block","children":"Blog"}],["$","$L9",null,{"href":"/tags","className":"hidden font-medium text-gray-900 dark:text-gray-100 sm:block","children":"Tags"}],["$","$L9",null,{"href":"/about","className":"hidden font-medium text-gray-900 dark:text-gray-100 sm:block","children":"About"}]],["$","$La",null,{"aria-label":"Search","children":["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","fill":"none","viewBox":"0 0 24 24","strokeWidth":1.5,"stroke":"currentColor","className":"h-6 w-6 text-gray-900 dark:text-gray-100","children":["$","path",null,{"strokeLinecap":"round","strokeLinejoin":"round","d":"M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"}]}]}],["$","$Lb",null,{}],["$","$Lc",null,{}]]}]]}],["$","main",null,{"className":"mb-auto","children":["$","$L3",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L5",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":["$","div",null,{"className":"flex flex-col items-start justify-start md:mt-24 md:flex-row md:items-center md:justify-center md:space-x-6","children":[["$","div",null,{"className":"space-x-2 pb-8 pt-6 md:space-y-5","children":["$","h1",null,{"className":"text-6xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 md:border-r-2 md:px-6 md:text-8xl md:leading-14","children":"404"}]}],["$","div",null,{"className":"max-w-md","children":[["$","p",null,{"className":"mb-4 text-xl font-bold leading-normal md:text-2xl","children":"Sorry we couldn't find this page."}],["$","p",null,{"className":"mb-8","children":"But dont worry, you can find plenty of other things on our homepage."}],["$","$L9",null,{"href":"/","className":"focus:shadow-outline-blue inline rounded-lg border border-transparent bg-blue-600 px-4 py-2 text-sm font-medium leading-5 text-white shadow transition-colors duration-150 hover:bg-blue-700 focus:outline-none dark:hover:bg-blue-500","children":"Back to homepage"}]]}]]}],"notFoundStyles":[],"styles":null}]}]]}],["$","footer",null,{"children":["$","div",null,{"className":"mt-16 flex flex-col items-center","children":[["$","div",null,{"className":"mb-3 flex space-x-4","children":[["$","a",null,{"className":"text-sm text-gray-500 transition hover:text-gray-600","target":"_blank","rel":"noopener noreferrer","href":"mailto:antipathyworld@yok1.eu.org","children":[["$","span",null,{"className":"sr-only","children":"mail"}],["$","svg",null,{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 20 20","className":"fill-current text-gray-700 hover:text-primary-500 dark:text-gray-200 dark:hover:text-primary-400 h-6 w-6","children":[["$","path",null,{"d":"M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z"}],["$","path",null,{"d":"M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z"}]]}]]}],null,null,null,null,null,null,null]}],["$","div",null,{"className":"mb-2 flex space-x-2 text-sm text-gray-500 dark:text-gray-400","children":[["$","div",null,{"children":"假花"}],["$","div",null,{"children":" • "}],["$","div",null,{"children":"© 2024"}],["$","div",null,{"children":" • "}],["$","$L9",null,{"href":"/","children":"ANTIPATHY WORLD"}]]}],["$","div",null,{"className":"mb-8 text-sm text-gray-500 dark:text-gray-400","children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/timlrx/tailwind-nextjs-starter-blog","children":"Tailwind Nextjs Theme"}]}]]}]}]]}]}]]}]}]]}],null]],[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/de0cb273fec7029e.css","precedence":"next","crossOrigin":""}]],"$Ld"]]]]
e:I[144,["250","static/chunks/250-c212f27b438f85e4.js","749","static/chunks/749-ab6226b30b72a67a.js","797","static/chunks/app/blog/%5B...slug%5D/page-ff7d388b83cc9d76.js"],""]
f:I[1749,["250","static/chunks/250-c212f27b438f85e4.js","749","static/chunks/749-ab6226b30b72a67a.js","797","static/chunks/app/blog/%5B...slug%5D/page-ff7d388b83cc9d76.js"],"Image"]
10:I[2529,["250","static/chunks/250-c212f27b438f85e4.js","749","static/chunks/749-ab6226b30b72a67a.js","797","static/chunks/app/blog/%5B...slug%5D/page-ff7d388b83cc9d76.js"],""]
11:I[8799,["250","static/chunks/250-c212f27b438f85e4.js","749","static/chunks/749-ab6226b30b72a67a.js","797","static/chunks/app/blog/%5B...slug%5D/page-ff7d388b83cc9d76.js"],""]
2:[["$","script",null,{"type":"application/ld+json","dangerouslySetInnerHTML":{"__html":"{\"@context\":\"https://schema.org\",\"@type\":\"BlogPosting\",\"headline\":\"Introducing Tailwind Nextjs Starter Blog\",\"datePublished\":\"2021-01-12T00:00:00.000Z\",\"dateModified\":\"2021-02-01T00:00:00.000Z\",\"description\":\"Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template.\",\"image\":\"/static/images/canada/mountains.jpg\",\"url\":\"https://yok1.eu.org/blog/introducing-tailwind-nextjs-starter-blog\",\"author\":[{\"@type\":\"Person\",\"name\":\"Fake Flower\"},{\"@type\":\"Person\",\"name\":\"Sparrow Hawk\"}]}"}}],["$","section",null,{"className":"mx-auto max-w-3xl px-4 sm:px-6 xl:max-w-5xl xl:px-0","children":[["$","$Le",null,{}],["$","article",null,{"children":["$","div",null,{"className":"xl:divide-y xl:divide-gray-200 xl:dark:divide-gray-700","children":[["$","header",null,{"className":"pt-6 xl:pb-6","children":["$","div",null,{"className":"space-y-1 text-center","children":[["$","dl",null,{"className":"space-y-10","children":["$","div",null,{"children":[["$","dt",null,{"className":"sr-only","children":"Published on"}],["$","dd",null,{"className":"text-base font-medium leading-6 text-gray-500 dark:text-gray-400","children":["$","time",null,{"dateTime":"2021-01-12T00:00:00.000Z","children":"Tuesday, January 12, 2021"}]}]]}]}],["$","div",null,{"children":["$","h1",null,{"className":"text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-5xl md:leading-14","children":"Introducing Tailwind Nextjs Starter Blog"}]}]]}]}],["$","div",null,{"className":"grid-rows-[auto_1fr] divide-y divide-gray-200 pb-8 dark:divide-gray-700 xl:grid xl:grid-cols-4 xl:gap-x-6 xl:divide-y-0","children":[["$","dl",null,{"className":"pb-10 pt-6 xl:border-b xl:border-gray-200 xl:pt-11 xl:dark:border-gray-700","children":[["$","dt",null,{"className":"sr-only","children":"Authors"}],["$","dd",null,{"children":["$","ul",null,{"className":"flex flex-wrap justify-center gap-4 sm:space-x-12 xl:block xl:space-x-0 xl:space-y-8","children":[["$","li","Fake Flower",{"className":"flex items-center space-x-2","children":[["$","$Lf",null,{"src":"/static/images/avatar.png","width":38,"height":38,"alt":"avatar","className":"h-10 w-10 rounded-full"}],["$","dl",null,{"className":"whitespace-nowrap text-sm font-medium leading-5","children":[["$","dt",null,{"className":"sr-only","children":"Name"}],["$","dd",null,{"className":"text-gray-900 dark:text-gray-100","children":"Fake Flower"}],["$","dt",null,{"className":"sr-only","children":"Twitter"}],["$","dd",null,{"children":null}]]}]]}],["$","li","Sparrow Hawk",{"className":"flex items-center space-x-2","children":[["$","$Lf",null,{"src":"/static/images/sparrowhawk-avatar.jpg","width":38,"height":38,"alt":"avatar","className":"h-10 w-10 rounded-full"}],["$","dl",null,{"className":"whitespace-nowrap text-sm font-medium leading-5","children":[["$","dt",null,{"className":"sr-only","children":"Name"}],["$","dd",null,{"className":"text-gray-900 dark:text-gray-100","children":"Sparrow Hawk"}],["$","dt",null,{"className":"sr-only","children":"Twitter"}],["$","dd",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://twitter.com/sparrowhawk","className":"text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","children":"@sparrowhawk"}]}]]}]]}]]}]}]]}],["$","div",null,{"className":"divide-y divide-gray-200 dark:divide-gray-700 xl:col-span-3 xl:row-span-2 xl:pb-0","children":[["$","div",null,{"className":"prose max-w-none pb-8 pt-10 dark:prose-invert","children":[["$","div",null,{"children":["$","$Lf",null,{"alt":"tailwind-nextjs-banner","src":"/static/images/twitter-card.png","width":"1200","height":"600"}]}],["$","h1",null,{"id":"tailwind-nextjs-starter-blog","children":[["$","a",null,{"href":"#tailwind-nextjs-starter-blog","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Tailwind Nextjs Starter Blog"]}],["$","p",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://vercel.com/new/git/external?repository-url=https://github.com/timlrx/tailwind-nextjs-starter-blog","children":["$","img",null,{"alt":"Deploy with Vercel","src":"https://vercel.com/button"}]}]}],["$","p",null,{"children":["This is a ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://nextjs.org/","children":"Next.js"}],", ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwindcss.com/","children":"Tailwind CSS"}]," blogging starter template. Probably the most feature-rich Next.js markdown blogging template out there. Comes out of the box configured with the latest technologies to make technical writing a breeze. Easily configurable and customizable. Perfect as a replacement to existing Jekyll and Hugo individual blogs."]}],["$","p",null,{"children":"Check out the documentation below to get started."}],["$","p",null,{"children":["Facing issues? Check the ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/timlrx/tailwind-nextjs-starter-blog/wiki","children":"FAQ page"}]," and do a search on past issues. Feel free to open a new issue if none has been posted previously."]}],["$","p",null,{"children":"Feature request? Check the past discussions to see if it has been brought up previously. Otherwise, feel free to start a new discussion thread. All ideas are welcomed!"}],["$","h2",null,{"id":"examples","children":[["$","a",null,{"href":"#examples","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Examples"]}],["$","ul",null,{"children":[["$","li",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/","children":"Demo Blog"}]," - this repo"]}],["$","li",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://www.timlrx.com","children":"My personal blog"}]," - modified to auto-generate blog posts with dates"]}],["$","li",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tambouille.vercel.app/","children":"Aloisdg's cookbook"}]," - with pictures and recipes!"]}],["$","li",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog-seven.vercel.app/","children":"GautierArcin's demo with next translate"}]," - includes translation of mdx posts, ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/GautierArcin/tailwind-nextjs-starter-blog/tree/demo/next-translate","children":"source code"}]]}],["$","li",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://davidlevai.com/","children":"David Levai's digital garden"}]," - customized design and added email subscriptions"]}],["$","li",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://thinhcorner.com/","children":"Thinh's Corner"}]," - ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/Th1nhNg0/th1nhng0.vercel.app/blob/5e73a420828d82f01e7147512a2c3273c4ec19f8/layouts/PostLayout.js","children":"customized layout"}]," with sticky side table of contents"]}]]}],["$","p",null,{"children":"Using the template? Feel free to create a PR and add your blog to this list."}],["$","h2",null,{"id":"motivation","children":[["$","a",null,{"href":"#motivation","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Motivation"]}],["$","p",null,{"children":["I wanted to port my existing blog to Nextjs and Tailwind CSS but there was no easy out of the box template to use so I decided to create one. Design is adapted from ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/tailwindlabs/blog.tailwindcss.com","children":"Tailwindlabs blog"}],"."]}],["$","p",null,{"children":["I wanted it to be nearly as feature-rich as popular blogging templates like ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/daattali/beautiful-jekyll","children":"beautiful-jekyll"}]," and ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/wowchemy/wowchemy-hugo-modules","children":"Hugo Academic"}]," but with the best of React's ecosystem and current web development's best practices."]}],["$","h2",null,{"id":"features","children":[["$","a",null,{"href":"#features","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Features"]}],["$","ul",null,{"children":[["$","li",null,{"children":["Easy styling customization with ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwindcss.com/blog/tailwindcss-v3","children":"Tailwind 3.0"}]," and primary color attribute"]}],["$","li",null,{"children":["Near perfect lighthouse score - ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://www.webpagetest.org/result/210111_DiC1_08f3670c3430bf4a9b76fc3b927716c5/","children":"Lighthouse report"}]]}],["$","li",null,{"children":"Lightweight, 45kB first load JS, uses Preact in production build"}],["$","li",null,{"children":"Mobile-friendly view"}],["$","li",null,{"children":"Light and dark theme"}],["$","li",null,{"children":["Self-hosted font with ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://fontsource.org/","children":"Fontsource"}]]}],["$","li",null,{"children":["Supports ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://plausible.io/","children":"plausible"}],", ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://simpleanalytics.com/","children":"simple analytics"}]," and google analytics"]}],["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://mdxjs.com/","children":"MDX - write JSX in markdown documents!"}]}],["$","li",null,{"children":["Server-side syntax highlighting with line numbers and line highlighting via ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/timlrx/rehype-prism-plus","children":"rehype-prism-plus"}]]}],["$","li",null,{"children":["Math display supported via ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://katex.org/","children":"KaTeX"}]]}],["$","li",null,{"children":["Citation and bibliography support via ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/timlrx/rehype-citation","children":"rehype-citation"}]]}],["$","li",null,{"children":["Automatic image optimization via ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://nextjs.org/docs/basic-features/image-optimization","children":"next/image"}]]}],["$","li",null,{"children":["Flexible data retrieval with ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/kentcdodds/mdx-bundler","children":"mdx-bundler"}]]}],["$","li",null,{"children":"Support for tags - each unique tag will be its own page"}],["$","li",null,{"children":"Support for multiple authors"}],["$","li",null,{"children":"Blog templates"}],["$","li",null,{"children":"TOC component"}],["$","li",null,{"children":"Support for nested routing of blog posts"}],["$","li",null,{"children":"Newsletter component with support for mailchimp, buttondown and convertkit"}],["$","li",null,{"children":["Supports ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/laymonage/giscus","children":"giscus"}],", ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/utterance/utterances","children":"utterances"}]," or disqus"]}],["$","li",null,{"children":"Projects page"}],["$","li",null,{"children":"Preconfigured security headers"}],["$","li",null,{"children":"SEO friendly with RSS feed, sitemaps and more!"}]]}],["$","h2",null,{"id":"sample-posts","children":[["$","a",null,{"href":"#sample-posts","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Sample posts"]}],["$","ul",null,{"children":[["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/github-markdown-guide","children":"A markdown guide"}]}],["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/guide-to-using-images-in-nextjs","children":"Learn more about images in Next.js"}]}],["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/deriving-ols-estimator","children":"A tour of math typesetting"}]}],["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/pictures-of-canada","children":"Simple MDX image grid"}]}],["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/the-time-machine","children":"Example of long prose"}]}],["$","li",null,{"children":["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://tailwind-nextjs-starter-blog.vercel.app/blog/nested-route/introducing-multi-part-posts-with-nested-routing","children":"Example of Nested Route Post"}]}]]}],["$","h2",null,{"id":"quick-start-guide","children":[["$","a",null,{"href":"#quick-start-guide","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Quick Start Guide"]}],["$","ol",null,{"children":[["$","li",null,{"children":["JS (official support) - ",["$","code",null,{"children":"npx degit https://github.com/timlrx/tailwind-nextjs-starter-blog.git"}]," or TS (community support) - ",["$","code",null,{"children":"npx degit timlrx/tailwind-nextjs-starter-blog#typescript"}]]}],["$","li",null,{"children":["Personalize ",["$","code",null,{"children":"siteMetadata.js"}]," (site related information)"]}],["$","li",null,{"children":["Modify the content security policy in ",["$","code",null,{"children":"next.config.js"}]," if you want to use any analytics provider or a commenting solution other than giscus."]}],["$","li",null,{"children":["Personalize ",["$","code",null,{"children":"authors/default.md"}]," (main author)"]}],["$","li",null,{"children":["Modify ",["$","code",null,{"children":"projectsData.ts"}]]}],["$","li",null,{"children":["Modify ",["$","code",null,{"children":"headerNavLinks.ts"}]," to customize navigation links"]}],["$","li",null,{"children":"Add blog posts"}],["$","li",null,{"children":"Deploy on Vercel"}]]}],["$","h2",null,{"id":"development","children":[["$","a",null,{"href":"#development","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Development"]}],["$","p",null,{"children":"First, run the development server:"}],["$","$L10",null,{"className":"language-bash","children":["$","code",null,{"className":"code-highlight language-bash","children":[["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"npm"}]," start\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token comment","children":"# or"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"npm"}]," run dev\n"]}]]}]}],["$","p",null,{"children":["Open ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"http://localhost:3000","children":"http://localhost:3000"}]," with your browser to see the result."]}],["$","p",null,{"children":["You can start editing the page by modifying ",["$","code",null,{"children":"pages/index.js"}],". The page auto-updates as you edit the file."]}],["$","h2",null,{"id":"extend--customize","children":[["$","a",null,{"href":"#extend--customize","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Extend / Customize"]}],["$","p",null,{"children":[["$","code",null,{"children":"data/siteMetadata.js"}]," - contains most of the site related information which should be modified for a user's need."]}],["$","p",null,{"children":[["$","code",null,{"children":"data/authors/default.md"}]," - default author information (required). Additional authors can be added as files in ",["$","code",null,{"children":"data/authors"}],"."]}],["$","p",null,{"children":[["$","code",null,{"children":"data/projectsData.js"}]," - data used to generate styled card on the projects page."]}],["$","p",null,{"children":[["$","code",null,{"children":"data/headerNavLinks.js"}]," - navigation links."]}],["$","p",null,{"children":[["$","code",null,{"children":"data/logo.svg"}]," - replace with your own logo."]}],["$","p",null,{"children":[["$","code",null,{"children":"data/blog"}]," - replace with your own blog posts."]}],["$","p",null,{"children":[["$","code",null,{"children":"public/static"}]," - store assets such as images and favicons."]}],["$","p",null,{"children":[["$","code",null,{"children":"tailwind.config.js"}]," and ",["$","code",null,{"children":"css/tailwind.css"}]," - contain the tailwind stylesheet which can be modified to change the overall look and feel of the site."]}],["$","p",null,{"children":[["$","code",null,{"children":"css/prism.css"}]," - controls the styles associated with the code blocks. Feel free to customize it and use your preferred prismjs theme e.g. ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/PrismJS/prism-themes","children":"prism themes"}],"."]}],["$","p",null,{"children":[["$","code",null,{"children":"components/social-icons"}]," - to add other icons, simply copy an svg file from ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://simpleicons.org/","children":"Simple Icons"}]," and map them in ",["$","code",null,{"children":"index.js"}],". Other icons use ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://heroicons.com/","children":"heroicons"}],"."]}],["$","p",null,{"children":[["$","code",null,{"children":"components/MDXComponents.js"}]," - pass your own JSX code or React component by specifying it over here. You can then call them directly in the ",["$","code",null,{"children":".mdx"}]," or ",["$","code",null,{"children":".md"}]," file. By default, a custom link and image component is passed."]}],["$","p",null,{"children":[["$","code",null,{"children":"layouts"}]," - main templates used in pages."]}],["$","p",null,{"children":[["$","code",null,{"children":"pages"}]," - pages to route to. Read the ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://nextjs.org/docs","children":"Next.js documentation"}]," for more information."]}],["$","p",null,{"children":[["$","code",null,{"children":"next.config.js"}]," - configuration related to Next.js. You need to adapt the Content Security Policy if you want to load scripts, images etc. from other domains."]}],["$","h2",null,{"id":"post","children":[["$","a",null,{"href":"#post","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Post"]}],["$","h3",null,{"id":"frontmatter","children":[["$","a",null,{"href":"#frontmatter","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Frontmatter"]}],["$","p",null,{"children":["Frontmatter follows ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://gohugo.io/content-management/front-matter/","children":"Hugo's standards"}],"."]}],["$","p",null,{"children":"Currently 10 fields are supported."}],["$","$L10",null,{"className":"language-js","children":["$","code",null,{"className":"language-js code-highlight","children":[["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"title"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"required",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"date"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"required",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"tags"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"required",["$","span",null,{"className":"token punctuation","children":","}]," can be empty array",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"lastmod"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"draft"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"summary"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"images"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional",["$","span",null,{"className":"token punctuation","children":","}]," ",["$","span",null,{"className":"token keyword control-flow","children":"if"}]," none provided defaults to socialBanner ",["$","span",null,{"className":"token keyword","children":"in"}]," siteMetadata config",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"authors"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional list which should correspond to the file names ",["$","span",null,{"className":"token keyword","children":"in"}]," ",["$","span",null,{"className":"token template-string","children":[["$","span",null,{"className":"token string template-punctuation","children":"`"}],["$","span",null,{"className":"token string","children":"data/authors"}],["$","span",null,{"className":"token string template-punctuation","children":"`"}]]}],["$","span",null,{"className":"token punctuation","children":"."}]," ",["$","span",null,{"className":"token property-access","children":["$","span",null,{"className":"token maybe-class-name","children":"Uses"}]}]," ",["$","span",null,{"className":"token template-string","children":[["$","span",null,{"className":"token string template-punctuation","children":"`"}],["$","span",null,{"className":"token string","children":"default"}],["$","span",null,{"className":"token string template-punctuation","children":"`"}]]}]," ",["$","span",null,{"className":"token keyword control-flow","children":"if"}]," none is specified",["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"layout"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional list which should correspond to the file names ",["$","span",null,{"className":"token keyword","children":"in"}]," ",["$","span",null,{"className":"token template-string","children":[["$","span",null,{"className":"token string template-punctuation","children":"`"}],["$","span",null,{"className":"token string","children":"data/layouts"}],["$","span",null,{"className":"token string template-punctuation","children":"`"}]]}],["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token function","children":"canonicalUrl"}]," ",["$","span",null,{"className":"token punctuation","children":"("}],"optional",["$","span",null,{"className":"token punctuation","children":","}]," canonical url ",["$","span",null,{"className":"token keyword control-flow","children":"for"}]," the post ",["$","span",null,{"className":"token keyword control-flow","children":"for"}]," ",["$","span",null,{"className":"token constant","children":"SEO"}],["$","span",null,{"className":"token punctuation","children":")"}],"\n"]}]]}]}],["$","p",null,{"children":"Here's an example of a post's frontmatter:"}],["$","$L10",null,{"className":"language-js","children":["$","code",null,{"className":"language-js code-highlight","children":[["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token operator","children":"--"}],["$","span",null,{"className":"token operator","children":"-"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"title"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token string","children":"'Introducing Tailwind Nexjs Starter Blog'"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"date"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token string","children":"'2021-01-12'"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"lastmod"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token string","children":"'2021-01-18'"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"tags"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token string","children":"'next-js'"}],["$","span",null,{"className":"token punctuation","children":","}]," ",["$","span",null,{"className":"token string","children":"'tailwind'"}],["$","span",null,{"className":"token punctuation","children":","}]," ",["$","span",null,{"className":"token string","children":"'guide'"}],["$","span",null,{"className":"token punctuation","children":"]"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"draft"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token boolean","children":"false"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"summary"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token string","children":"'Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template.'"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"images"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token string","children":"'/static/images/canada/mountains.jpg'"}],["$","span",null,{"className":"token punctuation","children":","}]," ",["$","span",null,{"className":"token string","children":"'/static/images/canada/toronto.jpg'"}],["$","span",null,{"className":"token punctuation","children":"]"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"authors"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token punctuation","children":"["}],["$","span",null,{"className":"token string","children":"'default'"}],["$","span",null,{"className":"token punctuation","children":","}]," ",["$","span",null,{"className":"token string","children":"'sparrowhawk'"}],["$","span",null,{"className":"token punctuation","children":"]"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"layout"}],["$","span",null,{"className":"token operator","children":":"}]," ",["$","span",null,{"className":"token maybe-class-name","children":"PostLayout"}],"\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token literal-property property","children":"canonicalUrl"}],["$","span",null,{"className":"token operator","children":":"}]," https",["$","span",null,{"className":"token operator","children":":"}],["$","span",null,{"className":"token operator","children":"/"}],["$","span",null,{"className":"token operator","children":"/"}],"tailwind",["$","span",null,{"className":"token operator","children":"-"}],"nextjs",["$","span",null,{"className":"token operator","children":"-"}],"starter",["$","span",null,{"className":"token operator","children":"-"}],"blog",["$","span",null,{"className":"token punctuation","children":"."}],["$","span",null,{"className":"token property-access","children":"vercel"}],["$","span",null,{"className":"token punctuation","children":"."}],["$","span",null,{"className":"token property-access","children":"app"}],["$","span",null,{"className":"token operator","children":"/"}],"blog",["$","span",null,{"className":"token operator","children":"/"}],"introducing",["$","span",null,{"className":"token operator","children":"-"}],"tailwind",["$","span",null,{"className":"token operator","children":"-"}],"nextjs",["$","span",null,{"className":"token operator","children":"-"}],"starter",["$","span",null,{"className":"token operator","children":"-"}],"blog\n"]}],["$","span",null,{"className":"code-line","children":[["$","span",null,{"className":"token operator","children":"--"}],["$","span",null,{"className":"token operator","children":"-"}],"\n"]}]]}]}],["$","h3",null,{"id":"compose","children":[["$","a",null,{"href":"#compose","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Compose"]}],["$","p",null,{"children":["Run ",["$","code",null,{"children":"node ./scripts/compose.js"}]," to bootstrap a new post."]}],["$","p",null,{"children":"Follow the interactive prompt to generate a post with pre-filled front matter."}],["$","h2",null,{"id":"deploy","children":[["$","a",null,{"href":"#deploy","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Deploy"]}],["$","p",null,{"children":[["$","strong",null,{"children":"Vercel"}],["$","br",null,{}],"The easiest way to deploy the template is to use the ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://vercel.com","children":"Vercel Platform"}]," from the creators of Next.js. Check out the ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://nextjs.org/docs/deployment","children":"Next.js deployment documentation"}]," for more details."]}],["$","p",null,{"children":[["$","strong",null,{"children":"Netlify / GitHub Pages / Firebase etc."}],["$","br",null,{}],"As the template uses ",["$","code",null,{"children":"next/image"}]," for image optimization, additional configurations have to be made to deploy on other popular static hosting websites like ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://www.netlify.com/","children":"Netlify"}]," or ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://pages.github.com/","children":"GitHub Pages"}],". An alternative image optimization provider such as Imgix, Cloudinary or Akamai has to be used. Alternatively, replace the ",["$","code",null,{"children":"next/image"}]," component with a standard ",["$","code",null,{"children":"<img>"}]," tag. See ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://nextjs.org/docs/basic-features/image-optimization","children":[["$","code",null,{"children":"next/image"}]," documentation"]}]," for more details."]}],["$","p",null,{"children":"The API routes used in the newsletter component cannot be used in a static site export. You will need to use a form API endpoint provider and substitute the route in the newsletter component accordingly. Other hosting platforms such as Netlify also offer alternative solutions - please refer to their docs for more information."}],["$","h2",null,{"id":"support","children":[["$","a",null,{"href":"#support","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Support"]}],["$","p",null,{"children":["Using the template? Support this effort by giving a star on GitHub, sharing your own blog and giving a shoutout on Twitter or be a project ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/sponsors/timlrx","children":"sponsor"}],"."]}],["$","h2",null,{"id":"licence","children":[["$","a",null,{"href":"#licence","aria-hidden":"true","tabIndex":"-1","children":["$","span",null,{"className":"icon icon-link"}]}],"Licence"]}],["$","p",null,{"children":[["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://github.com/timlrx/tailwind-nextjs-starter-blog/blob/main/LICENSE","children":"MIT"}]," © ",["$","a",null,{"target":"_blank","rel":"noopener noreferrer","href":"https://www.timrlx.com","children":"Timothy Lin"}]]}]]}],["$","div",null,{"className":"pb-6 pt-6 text-sm text-gray-700 dark:text-gray-300","children":[["$","a",null,{"target":"_blank","rel":"nofollow","href":"https://mobile.twitter.com/search?q=https%3A%2F%2Fyok1.eu.org%2Fblog%2Fintroducing-tailwind-nextjs-starter-blog","children":"Discuss on Twitter"}]," • ",["$","$L9",null,{"href":"/blob/main/data/blog/introducing-tailwind-nextjs-starter-blog.mdx","children":"View on GitHub"}]]}],["$","div",null,{"className":"pb-6 pt-6 text-center text-gray-700 dark:text-gray-300","id":"comment","children":["$","$L11",null,{"slug":"introducing-tailwind-nextjs-starter-blog"}]}]]}],["$","footer",null,{"children":[["$","div",null,{"className":"divide-gray-200 text-sm font-medium leading-5 dark:divide-gray-700 xl:col-start-1 xl:row-start-2 xl:divide-y","children":[["$","div",null,{"className":"py-4 xl:py-8","children":[["$","h2",null,{"className":"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400","children":"Tags"}],["$","div",null,{"className":"flex flex-wrap","children":[["$","$L9",null,{"href":"/tags/next-js","className":"mr-3 text-sm font-medium uppercase text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","children":"next-js"}],["$","$L9",null,{"href":"/tags/tailwind","className":"mr-3 text-sm font-medium uppercase text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","children":"tailwind"}],["$","$L9",null,{"href":"/tags/guide","className":"mr-3 text-sm font-medium uppercase text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","children":"guide"}]]}]]}],["$","div",null,{"className":"flex justify-between py-4 xl:block xl:space-y-8 xl:py-8","children":[["$","div",null,{"children":[["$","h2",null,{"className":"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400","children":"Previous Article"}],["$","div",null,{"className":"text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","children":["$","$L9",null,{"href":"/blog/deriving-ols-estimator","children":"Deriving the OLS Estimator"}]}]]}],["$","div",null,{"children":[["$","h2",null,{"className":"text-xs uppercase tracking-wide text-gray-500 dark:text-gray-400","children":"Next Article"}],["$","div",null,{"className":"text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","children":["$","$L9",null,{"href":"/blog/nested-route/introducing-multi-part-posts-with-nested-routing","children":"Introducing Multi-part Posts with Nested Routing"}]}]]}]]}]]}],["$","div",null,{"className":"pt-4 xl:pt-8","children":["$","$L9",null,{"href":"/blog","className":"text-primary-500 hover:text-primary-600 dark:hover:text-primary-400","aria-label":"Back to the blog","children":"← Back to the blog"}]}]]}]]}]]}]}]]}]]
d:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Introducing Tailwind Nextjs Starter Blog | ANTIPATHY WORLD"}],["$","meta","3",{"name":"description","content":"Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template."}],["$","meta","4",{"name":"robots","content":"index, follow"}],["$","meta","5",{"name":"googlebot","content":"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"}],["$","link","6",{"rel":"canonical","href":"https://yok1.eu.org/blog/introducing-tailwind-nextjs-starter-blog"}],["$","link","7",{"rel":"alternate","type":"application/rss+xml","href":"https://yok1.eu.org/feed.xml"}],["$","meta","8",{"property":"og:title","content":"Introducing Tailwind Nextjs Starter Blog"}],["$","meta","9",{"property":"og:description","content":"Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template."}],["$","meta","10",{"property":"og:url","content":"https://yok1.eu.org/blog/introducing-tailwind-nextjs-starter-blog"}],["$","meta","11",{"property":"og:site_name","content":"ANTIPATHY WORLD"}],["$","meta","12",{"property":"og:locale","content":"en_US"}],["$","meta","13",{"property":"og:image","content":"https://yok1.eu.org/static/images/canada/mountains.jpg"}],["$","meta","14",{"property":"og:image","content":"https://yok1.eu.org/static/images/canada/toronto.jpg"}],["$","meta","15",{"property":"og:type","content":"article"}],["$","meta","16",{"property":"article:published_time","content":"2021-01-12T00:00:00.000Z"}],["$","meta","17",{"property":"article:modified_time","content":"2021-02-01T00:00:00.000Z"}],["$","meta","18",{"property":"article:author","content":"Fake Flower"}],["$","meta","19",{"property":"article:author","content":"Sparrow Hawk"}],["$","meta","20",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","21",{"name":"twitter:title","content":"Introducing Tailwind Nextjs Starter Blog"}],["$","meta","22",{"name":"twitter:description","content":"Looking for a performant, out of the box template, with all the best in web technology to support your blogging needs? Checkout the Tailwind Nextjs Starter Blog template."}],["$","meta","23",{"name":"twitter:image","content":"https://yok1.eu.org/static/images/canada/mountains.jpg"}],["$","meta","24",{"name":"twitter:image","content":"https://yok1.eu.org/static/images/canada/toronto.jpg"}],["$","meta","25",{"name":"next-size-adjust"}]]
1:null