skills.rest
encoredev
encoredevOFFICIAL
Explore all skills by this author →
Website𝕏@encoredotdevGitHub

encore-frontend

Generate a typed TypeScript client for React/Next.js frontends from Encore.ts APIs.

26|5|Updated Jan 8, 2026
Search Tags:#typescript#frontend#react#environment-variables#api-client#typed-api
One-click install
npx skills add https://github.com/encoredev/skills --skill encore-frontend
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: encore-frontend
Source: https://github.com/encoredev/skills/tree/main/encore/frontend
Command: npx skills add https://github.com/encoredev/skills --skill encore-frontend

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Connect frontend applications to Encore.ts backends and provide a typed, generated API client for safer, faster development.

Core Features & Use Cases

  • Generate a fully typed TypeScript client from Encore APIs for React/Next.js apps.
  • Use the client to fetch data, handle errors, and compose UI with server/client boundaries.
  • Use Case: Build a dashboard that displays users and activities from an Encore backend with end-to-end type safety and autocomplete.

Quick Start

Install the generated client and integrate it into your frontend to begin calling typed Encore APIs.

Frequently Asked Questions about encore-frontend

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

FAQPage Schema
How do I connect a React frontend to an Encore backend with a typed API client?▼

Connect a React frontend to an Encore backend by generating a fully typed TypeScript client using `encore gen client`. This ensures safe data fetching and server/client integration across local and production environments.

How do I configure API URLs for local and deployed Encore environments?▼

Configure Encore API URLs by setting environment variables in your frontend application. This allows you to dynamically switch between local development and deployed production environments.

What is a typed API client and why use it with Next.js?▼

A typed API client provides end-to-end TypeScript type safety for API calls. Using it with Next.js ensures autocomplete and compile-time error checking when fetching data from your Encore backend.

Can I use this generated client for server-side data fetching in Next.js?▼

Yes, the generated client supports server-side data fetching in Next.js. It handles server/client boundaries, allowing you to compose UI components while fetching typed data from Encore APIs.

Do I need any external dependencies to use the generated Encore client?▼

No external dependencies are required. You simply install the generated client into your React or Next.js application to begin making typed API calls to your Encore backend.

Related Skills

Explore More Software Engineering Skills→
ehylandehyland

trpc

Build and consume type-safe tRPC APIs with shared TypeScript types.

Community
Intermediate
hendrax5hendrax5

phase-6-ui-integration

Implement frontend UI and integrate it with backend APIs.

Community
Intermediate
esneiderbravoesneiderbravo
1

env-vars

Manage Vercel environment variables and OIDC tokens across deployments.

Community
Advanced
ax-llmax-llm
2.9k

ax-java-llm

Write Java code using native dev.axllm:ax entrypoints for Ax packages.

Official
Intermediate