Files
vercel__next.js/examples/cms-buttercms/components/missing-token-section.js
Steven 4466ba436b chore(examples): use default prettier for examples/templates (#60530)
## Description
This PR ensures that the default prettier config is used for examples
and templates.

This config is compatible with `prettier@3` as well (upgrading prettier
is bigger change that can be a future PR).

## Changes
- Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will
be needed upgrading to prettier@3)
- Added `examples/.prettierrc.json` with default config (this will
change every example)
- Added `packages/create-next-app/templates/.prettierrc.json` with
default config (this will change every template)

## Related

- Fixes #54402
- Closes #54409
2024-01-11 16:01:44 -07:00

39 lines
1.2 KiB
JavaScript

import Image from "next/image";
export default function MissingTokenSection() {
return (
<section id="home" className="hero-section">
<div className="container">
<div className="row align-items-center">
<div className="col-xl-6 col-lg-6 col-md-10">
<div className="hero-content">
<h1>Configure your ButterCMS API Token</h1>
<p>
Please add your API token to <code>.env</code> file as{" "}
<code>NEXT_PUBLIC_BUTTER_CMS_API_KEY</code>.
</p>
<a
target="_blank"
rel="noreferrer"
href="https://buttercms.com/join/"
className="main-btn btn-hover"
>
Get your free API token
</a>
</div>
</div>
<div className="col-xxl-6 col-xl-6 col-lg-6">
<Image
width={300}
height={300}
src="https://cdn.buttercms.com/9bPtzdJ6QSWkySNjlmyR"
alt=""
/>
<div className="hero-image text-center text-lg-end"></div>
</div>
</div>
</div>
</section>
);
}