Skip to content

Commit

Permalink
Merge branch 'master' into update-graphql-api-updates
Browse files Browse the repository at this point in the history
  • Loading branch information
emmatown authored Jul 28, 2021
2 parents 2c7322e + f7446b6 commit 270323c
Show file tree
Hide file tree
Showing 3 changed files with 14 additions and 6 deletions.
2 changes: 2 additions & 0 deletions docs/pages/docs/guides/custom-admin-ui-pages.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,8 @@ import { Alert } from '../../../components/primitives/Alert';
In this guide we'll show you how to add custom pages to the Keystone Admin UI.
As the Admin UI is built on top of Next.js, it exposes the same pages directory for adding custom pages.

!> **Note:** This feature will improve over time. It has been released ahead of time to unblock developers. We are working on improving support for other styling frameworks besides Emotion and will be making it easier by exporting more Admin UI components in the near future.

To create a custom page, ensure that the `admin/pages` directory exists in the root of your Keystone Project.
Much like with Next.js, all files in this directory will be added as routes to the Admin UI.
The default export of every file in this directory is expected to be a valid React Component rendered out as the contents of the route.
Expand Down
18 changes: 12 additions & 6 deletions docs/pages/index.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -172,17 +172,23 @@ export default function IndexPage() {
So impressive what the team have done in version 6! ...and it works perfectly with
GraphCDN, just use it already!
</TweetBox>
<TweetBox user="wesbos" img="/assets/wesbos-square.jpg" grad="grad2">
I use Keystone in my{' '}
<a
href="https://advancedreact.com/friend/KEYSTONE"
target="_blank"
rel="noopener noreferrer"
>
Advanced React
</a>{' '}
course because it’s super quick to get my content types up and running, add custom
server-side cart & checkout logic, and the fine grain access control is just fantastic!
</TweetBox>
<TweetBox user="simonswiss" img="/assets/simonswiss.jpg" grad="grad2">
As someone who lives on the frontend, I love how Keystone lets me define content models
and gives me the backend I need. I get a sweet GraphQL API, and can stay focused on
building the UI <Emoji symbol="😍" alt="Love" />
</TweetBox>
<TweetBox user="flexdinesh" img="/assets/flexdinesh.jpg" grad="grad2">
Working with Keystone is a very satisfying experience. I wrapped up 50% of my app’s
schema, API and seed data in a day <Emoji symbol="😁" alt="Happy" />. The dev experience
feels too good to be true <Emoji symbol="✨" alt="Sparkle" />{' '}
<Emoji symbol="🚀" alt="Rocket ship" />
</TweetBox>
</Section>

<Section>
Expand Down
Binary file added docs/public/assets/wesbos-square.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 270323c

Please sign in to comment.