Web SDK Quickstart

[goosewin]

Description

• Introduces dedicated /examples page
• Updates navigation:
  • moves "How Vapi works" into "Resources" section on the bottom
  • renames "Quickstart" page to "Dashboard"
• Replaces "Make web call" with "Web SDK Quickstart", featuring:
  • installation steps
  • quickstart examples
    • Next.js
    • React + Vite
    • Vanilla JS
  • basic usage walkthrough

Testing Steps

• Run the app locally using fern docs dev or navigate to preview deployment
• Navigate to the new pages using the left sidebar
• Make sure the new documentation is up to Vapi's standards

[github-actions]

🌿 Preview your docs: https://vapi-preview-ddfa5ff4-c783-4bad-8de5-4239836779f5.docs.buildwithfern.com

[goosewin]

TODO:

• Move all examples other than Next.js / React out into separate pages (future)
• Expand on "Basic Usage" section to cover more features exposed through the SDK

[github-actions]

🌿 Preview your docs: https://vapi-preview-5d7c6392-1a86-4bcc-8e4a-a6dbb1b40f68.docs.buildwithfern.com

[github-actions]

🌿 Preview your docs: https://vapi-preview-b7897127-8a61-481c-8f19-0cab1c3f53b9.docs.buildwithfern.com

[elizabethtrykin]

I like this significantly more than the current web sdk page, but the true quickstart should be building a specific example.

[goosewin]

I like this significantly more than the current web sdk page, but the true quickstart should be building a specific example.

Addressed in 26591be

[github-actions]

🌿 Preview your docs: https://vapi-preview-3ad9d9b6-50d7-44b0-8cea-be5294ba5085.docs.buildwithfern.com

[github-actions]

🌿 Preview your docs: https://vapi-preview-4cc5f340-d042-4cba-8149-8d7fd0717ed5.docs.buildwithfern.com

[github-actions]

🌿 Preview your docs: https://vapi-preview-90f5cd84-18ab-4d5b-87ca-8e88209e828b.docs.buildwithfern.com

[goosewin]

Going to combine into a single PR with other SDK quickstarts