feat(docs): add PerplexiGrid showcase

[PetarRan]

Description

Adds showcase docs for Perplexigrid, a visual dashboard generation app that utilizes the Perplexity Sonar API. This contribution showcases a real-world integration example and is intended to serve as a featured project in the Perplexity API Cookbook.

Type of Contribution

• Example Tutorial
• Showcase Project
• Article/Integration Guide
• Documentation Update
• Bug Fix
• Other (please describe)

Checklist

• My code follows the cookbook's style guidelines
• I have included comprehensive documentation
• I have tested my code and it works as expected
• I have included all necessary dependencies and setup instructions
• My MDX file includes proper frontmatter (title, description, keywords)
• I have linked to any external repositories or live demos

Project Details

What problem does this solve?
As for the project, it simplifies the process of generating and updating visual dashboards based on user intent. However, this contribution also demonstrates how to wrap the Perplexity Sonar API inside a lightweight serverless function and build a frontend around prompt-based visualizations.

What makes this contribution valuable to other developers?
Offers a clear and tested example of a full-stack AI project using Sonar API with Supabase, serverless infrastructure, and prompt engineering best practices. Helps others get started faster and avoid common integration pitfalls.

External Links:

• GitHub Repository: https://github.com/PetarRan/perplexigrid
• Live Demo: https://app.perplexigrid.com/
• Landing page: https://www.perplexigrid.com/
• Blog: https://www.perplexigrid.com/blog

Testing

Each mode was tested end-to-end in both local and deployed Supabase environments using a controlled set of prompts and canvas states. Edge function logs and frontend behavior were validated to confirm expected responses.

• Verified MDX renders correctly with links by running scripts/validate-mdx.js

Screenshots

Additional Notes

Reach out if you have any questions: @Alessandro, @Peter
Submission video: Watch on Youtube

[kesku]

I've made some changes - this is a great project, but this doc reads more like a full implementation guide and not a showcase.

Trimmed to just focus on:

What PerplexiGrid is
What it does
How it uses Sonar
Usage
Repo/Demo link