Nuxt Quick-Start Guide

Start using Confection on your Nuxt site with a few simple steps.

Issues? Questions? Feedback? Leave a comment. Already have a Confection account? Skip to step three. New to Confection? Learn more here.

Get Started

Step One

If you haven’t already, create a Confection account. If you already have a Confection account, log in.

Continue to Step 2

Step Two

Click “My Account” (or “Set Up My Account” if you’re accessing your account for the first time). Enter your contact information, the domain(s) on which you want to use Confection, and select one of our two data storage options. Then, click “Save Changes.”

Continue to Step 3

Step Three

Click "Install Confection" (If you're accessing your account for the first time, this will be the default screen.) Next, select "Nuxt" to access the relevant scripts.

Continue to Step 4

Step Four

First, install the module from npm:

npm i --save @getconfection/confection-cable-nuxt

Then, add the module to the nuxt.config.js:

buildModules: [
'@getconfection/confection-cable-nuxt'
],


Lastly, add the Confection component to your template

Be sure to replace %%%ACCOUNT_ID%%% with your account ID from step three. Replace the other variables as suggested in the code comments.

That's it. You're done.


“I have some questions.”

Step Five: Send Confection Data Anywhere

After installing Confection, start sending data to any number of different endpoints.

"I'd like some help with this."

Next Steps

Install & Integrate Elsewhere

Find Other Quick-Start Guides

"I have some questions."

Contact Us

"I want to see this."

Share It

Discussion

Questions or comments about using Confection with Nuxt? Leave them below.

"Please contact me. I have some questions."

You can also use the chat app in the lower right corner.