Simplify your stack and build anything. Or everything.

Content Management System

Create with a minimal, powerful editing experience. Extend effortlessly.

Enterprise App Builder

Build sophisticated enterprise tools while reducing development costs.

Headless E-commerce

Manage all your content, alongside your products, in a single, powerful editing experience.

Digital Asset Management

Ensure brand consistency by seamlessly managing digital assets within your CMS.

Build tomorrow’s web with a modern solution you truly own.

For Marketing Teams

Advanced features like Visual Editing and Live Preview are giving a head back to the headless CMS.

Learn how Payload delivers for software consultancies with a content framework that can build anything.

Built with React & TypeScript, depart restrictive “no-code” options and write code you’re proud of.

Code-based nature means you can build on top of it to power anything.

Resources

Documentation Examples Templates GitHub Blog

Community

Roadmap Discord Community Help

Payload Cloud

Deploy your entire stack in one place with Payload Cloud.

Login Cloud Pricing

It’s time to take back your content infrastructure.

Schedule a Demo

Enterprise Features

SSO Publishing Workflows Visual Editor Static A/B testing AI features

Customer Stories

Microsoft Blue Origin Hello Bello Mythical Society Tekton

Featured Customer Story

Microsoft chose Payload to tell the world about AI.

Read the case study

New project Login

New project Login

"admin.components.AfterLogin" is not allowed

rae8844last year

2

Hi! I'm working on a Payload project and excited to be using this CMS for the first time. Any insight into why I wouldn't be able to add a BeforeLogin or AfterLogin to my

payload.config.ts

file?

Here's the relevant code:

admin: {
    css: path.resolve(__dirname, 'styles/main.scss'),
    components: {
      BeforeLogin: CustomBeforeLogin,
      graphics: {
        Logo: CustomLogo,
      },
      Nav: CustomNav,
      providers: [CustomProvider],
      views: {
        Dashboard: CustomDashboard,
      },
    },
  },

And the error I'm getting is

"admin.components.AfterLogin" is not allowed

I figure I'm probably missing something obvious -- thanks for the help!

tylandavis
last year
hey @rae8844, the config is case sensitive, so you should use
beforeLogin
and
afterLogin
. Also you'll need to pass them in as an array:
```
admin: {
  components: {
    beforeLogin: [
      // components go here,
    ],
    afterLogin: [
      // components go here,
    ],
  },
},
```
Let me know if you run into any more issues!
rae8844last year
Thank you!!

Continue the discussion in Discord

Star

Chat on Discord

Discord

online

Can't find what you're looking for?

Get help straight from the Payload team with an Enterprise License.