Simple

Intermediateworkspace

Building workspace extensions with Next.js app router

Create embedded dashboards that hydrate from the workspace API while respecting access policies and caching layers.

Next.jsExtensions

TypeScript

import { createServerClient } from "@nextbase/workspace";

export async function getWorkspaceSummary(workspaceId: string) {
  const client = await createServerClient({
    accessToken: process.env.NEXTBASE_ACCESS_TOKEN!,
  });

  return client.workspaces.summary(workspaceId, {
    metrics: ["members", "activeProjects"],
  });
}

articletutorial

View extension starter

Advancedautomation

Automation builder: multi-step approvals

Ship event-driven workflows that pause for approvals, retry failures, and hydrate from dynamic secrets vaults.

InngestQueue

TypeScript

import { inngest } from "@/lib/inngest";

export const rolloutApproval = inngest.createFunction(
  { name: "Rollout approval" },
  { event: "automation/rollout.requested" },
  async ({ event, step }) => {
    const approval = await step.waitForEvent("automation/rollout.approved", {
      timeout: "24h",
    });

    if (!approval) throw new Error("Rollout expired");

    return step.run("launch", async () => {
      /* deploy release */
    });
  },
);

tutorialvideo

Open automation canvas

Advancedapi

GraphQL API: federated schemas with code-first tooling

Compose multiple product schemas into a single gateway while maintaining type safety and persisted operations.

GraphQLGateway

TypeScript

import { buildSubgraphSchema } from "@apollo/subgraph";
import { printSubgraphSchema } from "@apollo/federation";

const typeDefs = `#graphql
  extend schema @link(url: "https://specs.apollo.dev/federation/v2.3")
  type Query {
    releases(productId: ID!): [Release!]!
  }
`;

export const schema = buildSubgraphSchema({ typeDefs, resolvers });
console.log(printSubgraphSchema(schema));

articlequickstart

Download schema

Developer knowledge library