Skip to content

docs(develop-with-ai): AWS Blocks steering-file recipe + modal icon fix#8608

Open
harsh62 wants to merge 1 commit into
mainfrom
docs/aws-blocks-steering-file
Open

docs(develop-with-ai): AWS Blocks steering-file recipe + modal icon fix#8608
harsh62 wants to merge 1 commit into
mainfrom
docs/aws-blocks-steering-file

Conversation

@harsh62

@harsh62 harsh62 commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

Adds an "AWS Blocks integration" section to the steering-files page with a per-tool recipe (Claude Code / CLAUDE.md, Cursor / .cursor/rules, Kiro / .kiro/steering) so AI coding assistants follow the Blocks integration patterns in an Amplify Gen 2 project.

Also folds in the announcement-modal icon fix (previously #8609, now closed): replaces the puzzle emoji with IconStar and sizes both feature-point icons consistently.

Notes

  • Split out from docs(build-a-backend): add AWS Blocks integration section #8606 (AWS Blocks docs), which is now merged — so the internal links to /build-a-backend/aws-blocks/ resolve and the earlier CheckPRLinks failure is cleared.
  • Steering-file claims verified against the aws-blocks source: create-blocks-app scaffolds AGENTS.md; backend defined in aws-blocks/index.ts with CognitoVerifier + requireAuth; blocks:generate-client and npm run sandbox scripts; import { api } from aws-blocks.

harsh62 added a commit that referenced this pull request Jul 2, 2026
The AWS Blocks steering-file section now lives in #8608. Restore steering-files/index.mdx to its main version here so this PR is scoped to the Blocks docs only.
harsh62 added a commit that referenced this pull request Jul 2, 2026
* docs(build-a-backend): add AWS Blocks integration section

Add an "AWS Blocks" section under Build a Backend covering how to add
AWS Blocks to an existing Amplify Gen 2 project, how the integration
works, connecting a frontend, and task-based guides for adding an AI
agent and using BasicAuth. Add a Blocks integration steering-file recipe
for AI coding assistants.

- New pages under src/pages/[platform]/build-a-backend/aws-blocks/
- Register pages in directory.mjs (top of Build a Backend, New badge)
- Extend develop-with-ai/steering-files with an AWS Blocks section
- Add Blocks terminology to cspell dictionary

* docs(build-a-backend): fix Connect your frontend link in Blocks how-it-works

Add the missing build-a-backend/ path segment so the Next steps link
resolves instead of 404ing.

* chore: update yarn.lock to v10 format for Yarn 4.17

CI's set_yarn_berry action runs 'yarn set version berry', which resolves
to the latest Yarn (now 4.17.0) and rewrites the lockfile to __metadata
version 10. The committed lockfile was version 9, so the immutable install
step failed on every PR. Regenerate the lockfile and bump packageManager
to match what CI resolves.

* feat(modal): introduce AWS Blocks in the announcement modal

Repurpose the site announcement modal from 'Introducing Amplify Gen 2'
to 'Introducing AWS Blocks', since Gen 2 is now established and AWS
Blocks is the new capability. Add two feature highlights, an internal
link to the Blocks docs section, and an external link to AWS Blocks on
AWS. Use a new dismissal key so the announcement re-shows. Remove the
now-unused Gen 1 back-link, isGen1 prop, and orphaned useGen1Path helper.

* docs(aws-blocks): correct verified API usage in Agent and AuthBasic guides

Verified all code examples against the aws-blocks source repo:

- add-an-agent: expose getChannel() on the backend API namespace. The
  frontend useChat subscribe() calls api.getChannel(), but it is not
  auto-generated and must be defined explicitly (matches the bb-agent
  README end-to-end example and test-apps/comprehensive).
- use-basic-auth: setAuthState() does not throw; it returns an AuthState
  with errorName. Replace the try/catch + isBlocksError pattern with
  hasAuthError(next, ...), per the bb-auth-basic README rule of thumb.
- get-started: list all four scaffolded npm scripts (sandbox,
  sandbox:delete, blocks:dev, blocks:generate-client).

* fix(modal): add spacing between modal action label and icon

The 'AWS Blocks on AWS' button's external-link icon overlapped its
label because .modal-action had no inline-flex layout or gap. Add
inline-flex + gap (matching .modal-heading) so text and trailing
icons are spaced.

* feat(modal): differentiate Blocks CTA labels and feature examples

- Rename actions so they read distinctly: primary "Explore Blocks with
  Amplify" (left, into the Amplify docs) and secondary "AWS Blocks
  documentation" (right, external). Previously both said "AWS Blocks".
- Swap feature examples that overlapped Amplify's own categories (AI
  agents, auth, storage) for differentiated Blocks capabilities:
  PostgreSQL databases, realtime messaging, metrics, logging.

* feat(modal): rename secondary CTA to "Get Started with Blocks"

Keeps the external-link icon to signal it opens a new page (the AWS Blocks docs). Pairs with the primary "Explore Blocks with Amplify" action.

* docs(build-a-backend): move steering-file recipe to a separate PR

The AWS Blocks steering-file section now lives in #8608. Restore steering-files/index.mdx to its main version here so this PR is scoped to the Blocks docs only.

* docs(aws-blocks): address PR review feedback on Agent guide

Verified against current aws-blocks/main (local clone was 31 commits stale, which is how these were missed):

- useChat adapter now compiles: backend returns { conversationId } and
  { messages } and sendMessage accepts channelId, matching the
  UseChatOptions interface and the bb-agent README end-to-end example.
- Replace deprecated BedrockModels.DEFAULT with BALANCED; note model is
  optional (defaults to BALANCED).
- Move Realtime to a Real-time & async category (matches the Blocks
  reference), leaving EmailClient under Communication.
- Reword the useChat factory callout ("Despite the name...").

* docs(aws-blocks): re-verify examples against latest aws-blocks main

Pulled aws-blocks to HEAD e8f3854 and re-verified all examples:

- Agent sendMessage now passes userId to agent.stream(); without it the
  Agent throws PersistenceRequired at runtime (bb-agent agent.ts:407).
- Revert Realtime to the Communication category and restore Compute &
  background (AsyncJob/CronJob) to match the aws-blocks root README
  grouping (the authoritative in-repo source).
- Drop blocks:dev from the scaffolded-scripts list: the CLI points it at
  aws-blocks/scripts/server.ts, which the amplify template does not ship,
  so it is non-functional for Amplify projects.
…l icons

Adds an "AWS Blocks integration" section to the steering-files page with
a per-tool recipe (Claude Code, Cursor, Kiro) so AI coding assistants
follow the Blocks integration patterns. All claims verified against the
aws-blocks source (create-blocks-app scaffolds AGENTS.md; backend in
aws-blocks/index.ts with CognitoVerifier + requireAuth; blocks:generate-client;
import { api } from aws-blocks; npm run sandbox).

Also folds in the modal icon fix from #8609: replace the puzzle emoji
with IconStar and size both feature-point icons consistently.

Rebuilt on latest main so the aws-blocks internal links (merged in #8606)
resolve, clearing the earlier CheckPRLinks failure.
@harsh62 harsh62 force-pushed the docs/aws-blocks-steering-file branch from 0f5b59b to 30f4e08 Compare July 3, 2026 16:18
@harsh62 harsh62 requested a review from a team as a code owner July 3, 2026 16:18
@harsh62 harsh62 changed the title docs(develop-with-ai): add AWS Blocks steering-file recipe docs(develop-with-ai): AWS Blocks steering-file recipe + modal icon fix Jul 3, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant