58c7265ba0
👋🏻 This PR updates the Datocms example: - [x] Next.js 9.4 absolute import and aliases support - [x] Next.js 9.4 native `.env` support - [x] Tailwind 1.4 native PurgeCSS support - [x] Chore: bump other dependencies, like React, Remark, and DateFNS I've tested this PR here: - 💻 https://github.com/gregrickaby/datocms-next-js-blog-demo-2392 - 👀 https://datocms-next-js-blog-demo-2392.now.sh/
28 lines
844 B
JavaScript
28 lines
844 B
JavaScript
import { CMS_NAME, CMS_URL } from '@/lib/constants'
|
|
|
|
export default function Intro() {
|
|
return (
|
|
<section className="flex-col md:flex-row flex items-center md:justify-between mt-16 mb-16 md:mb-12">
|
|
<h1 className="text-6xl md:text-8xl font-bold tracking-tighter leading-tight md:pr-8">
|
|
Blog.
|
|
</h1>
|
|
<h4 className="text-center md:text-left text-lg mt-5 md:pl-8">
|
|
A statically generated blog example using{' '}
|
|
<a
|
|
href="https://nextjs.org/"
|
|
className="underline hover:text-success duration-200 transition-colors"
|
|
>
|
|
Next.js
|
|
</a>{' '}
|
|
and{' '}
|
|
<a
|
|
href={CMS_URL}
|
|
className="underline hover:text-success duration-200 transition-colors"
|
|
>
|
|
{CMS_NAME}
|
|
</a>
|
|
.
|
|
</h4>
|
|
</section>
|
|
)
|
|
}
|