Cloud solutions
Cloud solution are a good alternative for a low cost pipeline and host. Nowadays these kind of services are so smart and great, you should try them.
Cloud solutions platforms are a recent development in the evolution of the web. Many companies have emerged to address the complexities of deploying applications. As seen in previous sections, numerous factors are at play to make an application accessible to everyone via the web. These platforms automate all the necessary steps, saving valuable time to focus on application development and implementing new features for the business. Deploying to these platforms is very straightforward. From the list of integrations available for Qwik, one can choose the one that allows deployment to Vercel. By typing pnpm qwik add vercel-edge
in the terminal, this output will be received:
xxxxxxxxxx
โ ๐ป Ready? Add vercel-edge to your app?
โ
โ ๐ฌ Modify
โ - package.json
โ - .gitignore
โ - README.md
โ
โ ๐ Create
โ - vercel.json
โ - src/entry.vercel-edge.tsx
โ - adapters/vercel-edge/vite.config.ts
โ
โ ๐พ Install pnpm dependency:
โ - vercel
โ
โ ๐ New pnpm script:
โ - pnpm build.server
โ - pnpm deploy
โ
โ ๐ฃ Next Steps โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฎ
โ โ
โ Now you can build and deploy to Vercel with: โ
โ โ
โ - pnpm run build: production build for Vercel โ
โ - pnpm run deploy: it will use the Vercel CLI to deploy your site โ
โ โ
โโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโโฏ
As with the previous integration, some configuration files are automatically added to the application, dependencies are installed, and two extra scripts are added. Now, the build
script can be run to package everything for publishing the production application. All that's left is to run the deploy
script, which will use the Vercel CLI to operate.
Obviously, to deploy with Vercel, you need to have a working account.
xxxxxxxxxx
Vercel CLI
? Set up and deploy โ~/qwik-appโ? [Y/n] y
? Which scope do you want to deploy to? giorgioboa
? Link to existing project? [y/N] n
? Whatโs your projectโs name? qwik-app
? In which directory is your code located? ./
Local settings detected in vercel.json:
Auto-detected Project Settings (Qwik):
- Build Command: vite build
- Development Command: vite --port $PORT
- Install Command: `yarn install`, `pnpm install`, `npm install`, or `bun install`
- Output Directory: dist
๐ Linked to giorgioboa/qwik-app (created .vercel)
๐ Inspect: https://vercel.com/giorgioboa/qwik-app/xxxx [1s]
โ
Production: https://xxx.vercel.app [43s]