Vercel and Netlify deployment in Svelte - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is Vercel in the context of web development?

Vercel is a platform that helps you easily deploy and host web projects, especially those built with modern frameworks like Svelte. It automates building and publishing your site online.

beginner

How does Netlify simplify deploying a Svelte app?

Netlify connects to your code repository and automatically builds and publishes your Svelte app when you push changes. It also provides features like custom domains and HTTPS with little setup.

intermediate

What file is important to configure for Svelte deployment on Vercel or Netlify?

The svelte.config.js file helps set up how your Svelte app builds. Also, package.json scripts like build tell the platform how to create the final site.

intermediate

What is the role of the vercel.json or netlify.toml file?

These files let you customize deployment settings like redirects, environment variables, and build commands specific to Vercel or Netlify.

beginner

Why is continuous deployment useful with Vercel and Netlify?

Continuous deployment means your site updates automatically whenever you change your code. This saves time and keeps your live site fresh without manual steps.

Which platform automatically builds and deploys your Svelte app when you push code to GitHub?

A Netlify

B Both Vercel and Netlify

C Vercel

D Neither

Both Vercel and Netlify connect to your GitHub repository and automatically build and deploy your app when you push code.

What file typically contains build commands for deploying a Svelte app?

A app.js

B index.html

C README.md

D package.json

The package.json file includes scripts like 'build' that tell the deployment platform how to build your app.

Which file would you edit to add custom redirects on Netlify?

A netlify.toml

B vercel.json

C svelte.config.js

D package.json

The netlify.toml file is used to configure redirects and other settings on Netlify.

What is a key benefit of continuous deployment?

A Automatic site updates on code changes

B Manual site updates

C Slower deployment

D No need for version control

Continuous deployment automatically updates your live site whenever you push code changes.

Which platform is known for easy integration with Next.js but also supports Svelte?

A Netlify

B GitHub Pages

C Vercel

D Heroku

Vercel is famous for Next.js support but also supports Svelte and other frameworks.

Explain how you would deploy a Svelte app using Vercel from start to finish.

Think about linking your code, telling Vercel how to build, and letting it publish your site.

Describe the differences and similarities between deploying a Svelte app on Netlify versus Vercel.

Focus on deployment automation, configuration files, and hosting features.