This example shows how to use Groq AI interface with Netlify Functions transforming speech to content and enabling visual editing.
Deploy your own version of this example site, by clicking the Deploy to Netlify Button below. This will automatically:
- Clone a copy of this example from the examples repo to your own GitHub account
- Create a new project in your Netlify account, linked to your new repo
- Create an automated deployment pipeline to watch for changes on your repo
- Build and deploy your new site
You can clone this entire examples repo to explore this and other examples, and to run them locally.
# 1. Clone the examples repository to your local development environment
git clone git@github.com:netlify/examples
# 2. Move into the project directory for this example
cd examples/ai-speech-to-content
# 3. Install the dependencies
npm i
# 4. Install the Netlify CLI to let you locally serve your site using Netlify's features
npm i -g netlify-cli
# 5. Build custom controls
export API_HOST="http://localhost:8888" && npm run build-custom-controls-config && npm run build-custom-controls
# 6. Run Visual Editor CLI
stackbit dev --port 4321
# 7. Serve your site using Netlify Dev to get local serverless functions
export GROQ_API_KEY='' && netlify dev --target-port 4321