Deploy Your App

On this page, you'll learn how to deploy your Nuxt app.

To get your project deployed make sure you have the following settings applied correctly.

Static deployment is available with Nuxt 2.14.0 and higher. If you need to upgrade Nuxt, run this command:

In nuxt.config.js, ensure you have the setting target: 'static'. Nuxt will do this for you if you set your rendering mode to "universal" and your deployment target to "static" when you run create-nuxt-app.

On GitHub, create a new repository for your project. Make sure you commit all of your local changes, then push your project to GitHub. (Learn more about GitHub repositories.)

Make an account or log in.

Then, click Import Project. Then continue with Import git repository.

Enter the URL of your GitHub repository. If necessary, adjust your GitHub app settings to allow Vercel access to the repository.

Click Deploy. It will take a moment for your site to build.

Now your site is online!

However, if you included any statically generated pages in your project, you need to set up webhooks to update those pages when there are changes in your Prismic repository.

In your Vercel project, go to Settings, then Git Integration. Scroll down to Deploy Hooks. Create a hook for your main git branch (note: your main branch could also be called master or something else). This will create a URL. Copy the URL.

Go to your Prismic repository, visit Settings, and then click Webhooks. Create a new webhook by choosing a name and add the webhook URL you just copied from Vercel. You can leave the Secret empty.

Now, whenever you change your content in Prismic, the changes will be reflected on your site.

Make an account or log in.

Then click New site from Git.

Under Continuous Deployment, click GitHub. If you haven't done so already, give Netlify access to your GitHub repositories. Then find your project repository and select it.

On the settings page, fill in the Basic build settings like so:

Then click Deploy Site. It will take a moment for your site to build.

Now your site is online!

However, right now, your website is entirely static. To make the content update when you make changes in Prismic, we need to set up webhooks.

In your Netlify dashboard, go to the Settings for your new site, then to Build & Deploy. Scroll down to Build Hooks. Create a hook for your master git branch (unless you use a different branch). This will create a URL. Copy the URL.

Go to your Prismic repository, visit Settings, and then click Webhooks.

Create a new webhook by choosing a name and pasting the webhook URL you just copied from Netlify. You can leave the Secret empty.

Now, whenever you change your content in Prismic, the changes will be reflected on your site.