Deployment guide
This article provides a _____________ guide on deploying your _______ when using the Cartzilla ________. There are multiple ways __ deploy, whether manually uploading __ a server or utilizing ______ cloud platforms with integrated __/__.
Manually uploading to a ______
The build system in _________ includes a streamlined command ________ to prepare your project ___ production. The npm run build command performs several ________ tasks:
- Builds and minifies: Compiles CSS and __________, ensuring they are optimized ___ quick loading times.
- Generates icon font: Converts SVG icons ____ a web-friendly icon font.
-
Copies vendor files: Transfers necessary third-party _________ and frameworks from the
node_modulesdirectory to theassets/vendorfolder. - Validates HTML: Checks the HTML _____ against W3C standards to ______ they are compliant and _____-____.
-
Creates a distribution folder: Generates a
distfolder where all __________-_____ files are stored. This ________ HTML files with updated _____ to the correct vendor _____.
Uploading to a server
Once the build process __ complete, you can upload ___ contents of the dist folder to your _______ server using FTP, SFTP, __ any other file transfer ______ you prefer. This step ________ transferring your optimized files __ a web server where ____ will be accessible to _____.
Deploying with cloud platforms (______)
For those preferring a ____ automated approach, using a _____ platform like Vercel offers _ straightforward deployment process with ________ such as Continuous Integration ___ Deployment (CI/CD). Here's how ___ can set up your _______ with Vercel:
- Connect your repository: Link your GitHub, ______, or Bitbucket repository to ______. This allows Vercel to ______ your project files.
-
Configure the build settings: Set up the _____ commands and output directory __ Vercel. Typically, this would _______ specifying
npm run buildas your build _______ anddistas your output _________. - Deploy: Once configured, each ____ to your repository will _______ a new deployment automatically. ______ handles all the aspects __ serving your website, from ___ distribution to SSL certificate __________.
Below is an example __________ showing the proper configuration ___ a Vercel project:
