webiny-configure-okta

Configures Okta as an external identity provider for Webiny projects replacing Cognito.

8.0k|673|Updated Jan 9, 2018
One-click install
npx skills add https://github.com/webiny/webiny-js --skill webiny-configure-okta
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: webiny-configure-okta
Source: https://github.com/webiny/webiny-js/tree/main/skills/user-skills/configure-okta
Command: npx skills add https://github.com/webiny/webiny-js --skill webiny-configure-okta

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @webiny/okta.

What problem does it solve?

Setting up Okta SSO in a Webiny project requires coordinating API-side JWT claim mapping, React extension registration, environment variables, and deployment across both API and Admin apps. This Skill guides that entire integration so developers can replace the default Cognito authentication with Okta without missing any wiring steps.

Core Features & Use Cases

  • Identity Mapping: Implements OktaIdpConfig.Interface to map Okta JWT claims (sub, name, roles, teams, profile) to Webiny identity data, with optional custom claim verification.
  • Extension Setup: Creates a React extension component using <Okta /> from @webiny/okta that injects environment variables, registers OIDC token verification, and configures the Admin login screen.
  • DI Integration: Supports injecting Webiny services like TenantContext into the config class via the dependency injection pattern for tenant-aware identity resolution.
  • Use Case: A team wants employees to log into the Webiny Admin app through their corporate Okta directory. The Skill produces the config class, extension component, registration in webiny.config.tsx, and the OKTA_ISSUER/OKTA_CLIENT_ID environment setup, followed by deployment.

Quick Start

Ask the AI to configure Okta as the identity provider for your Webiny project and replace the default Cognito authentication.

Frequently Asked Questions about webiny-configure-okta

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I configure Okta authentication in a Webiny project?

Install @webiny/okta matching your webiny version, create an API config class implementing OktaIdpConfig.Interface to map JWT claims, create a React extension rendering the <Okta /> component, register it in webiny.config.tsx, set OKTA_ISSUER and OKTA_CLIENT_ID, then deploy.

How to replace Cognito with Okta in Webiny?

Webiny supports swapping Cognito for Okta by removing the <Cognito /> extension and registering a custom Okta extension in webiny.config.tsx. The <Okta /> component handles token verification, identity mapping registration, and the Admin login screen automatically.

Can I validate custom Okta JWT claims in Webiny?

Yes, implement the optional verifyTokenClaims method on OktaIdpConfig.Interface. Throwing an error inside it rejects the token, letting you enforce required claims or restrict access to specific Okta organizations.

What environment variables does Webiny Okta integration need?

The integration requires OKTA_ISSUER (your Okta issuer URL) and OKTA_CLIENT_ID (your Okta application client ID). Both are used by the API and Admin apps, so both apps must be redeployed after configuration.

Why is my Okta login not working after Webiny deployment?

Common causes include a version mismatch between @webiny/okta and the webiny dependency, missing OKTA_ISSUER or OKTA_CLIENT_ID variables, or deploying only one app. Both API and Admin must be redeployed since Okta affects backend verification and the frontend login screen.