This example shows our Vue SDK with Vue 3 + Nuxt 3.
Look at the Nuxt 3 documentation to learn more about Nuxt 3.
For the status of the SDK, look at these tables.
- log into builder.io
- from your account page, copy your API key and paste it into
BUILDER_PUBLIC_API_KEY
in app.vue - open the Builder.io Visual Editor for the model named "page"
- enter http://localhost:3000 in the URL bar to the top right of the preview in Builder
- drag a component into the layers tab, and it will appear in the Editor!
Checkout this Loom for a visual walkthrough: https://www.loom.com/share/afd7c9a1f8f148959ea0396be42560fd (it's originally intended for React-Native, but all of the steps are still the exact same)
Make sure to install the dependencies:
# yarn
yarn install
# npm
npm install
# pnpm
pnpm install
Start the development server on http://localhost:3000
npm run dev
Build the application for production:
npm run build
Locally preview production build:
npm run preview
Check out the deployment documentation for more information.