Part 3: common real-world workflows

Part 3: common real-world workflows

Once the site is up and connected, AI becomes most useful in iterative feature work.

Adding a new content type

This is one of the clearest examples of an effective AI workflow.

The sequence looks like this:

Mermaid Diagram (do not use shift+cmd+v)

In practice, the best approach is:

1. create the content type in Contentstack first

2. note the exact content type UID and field UIDs

3. ask the AI to build the page using your existing helper layer

4. review the output and refine it

Adding search

Search is a good example of where AI can help with implementation details while you stay focused on behavior and UX.

Instead of asking for “search,” ask for something specific:

Create a blog search page in Next.js App Router. Accept a q query parameter. 
Search the blog_post content type using the Delivery SDK. Render matching results as cards with title, image, and link. 
If no results match, show a No results found state.

Adding pagination

Pagination is another good feature to hand off in a structured prompt. When you specify the page size, URL pattern, and rendering expectation, AI tools usually do well with the implementation.