# Part 3: common real-world workflows

- **Authors:** Tim Benniks
- **Published:** 2026-04-16T14:44:10.866Z
- **Updated:** 2026-04-16T14:58:28.844Z

---

## 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)

sequenceDiagram
    participant Dev as Developer
    participant CS as Contentstack
    participant AI as AI assistant
    participant App as Next.js app

    Dev->>CS: Create content type and fields
    Dev->>AI: Share UID, field UIDs, and page goal
    AI->>App: Generate page/component code
    Dev->>App: Review and refine
    App->>CS: Fetch published entries
In practice, the best approach is:

- create the content type in Contentstack first


- note the exact content type UID and field UIDs


- ask the AI to build the page using your existing helper layer


- 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:


```html
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.



---

## Chapter Navigation

**← Previous:** [Part 2: build the frontend with AI](https://developers.contentstack.com/guides/build-a-real-website-with-contentstack-and-ai/part-2-build-the-frontend-with-ai)

**Next →:** [Part 4: deployment with Contentstack Launch](https://developers.contentstack.com/guides/build-a-real-website-with-contentstack-and-ai/part-4-deployment-with-contentstack-launch)