vercel使用指北

首先介绍一下啥是vercel

引用官方(https://vercel.com/home)介绍

Vercel is the optimal workflow for frontend teams.
All-in-one: Static and Jamstack deployment, Serverless Functions, and Global CDN.
无脑机器翻译一下:
Vercel是前端团队的最佳工作流。所有功能:静态和Jamstack部署,无服务器功能,和全局CDN。

那么说成大白话,就是0配置真·无脑部署。类似于大家以前搞hexo个人博客那一套。

初次使用

1.搞个项目

首先我们得新建个项目,我新建了一个next.js。next是vercel家族亲儿子,我主要是图方便,nextjs配置简单,下图是vercel支持部署的前端框架。新建好后,推到github仓库。
vercel使用指北_第1张图片

2.准备搭建vercel项目环境

在vercel官网登录.登录好后,点击刚才说的import project。如图:
vercel使用指北_第2张图片
此时将你项目的仓库url复制进去即可。比如这样:
https://github.com/xxxx/next-xxxx

然后一顿next,具体我就不描述了。
这个地方需要注意,根据你项目内的package.json进行合理配置。如果默认的话就不需要覆盖了。
vercel使用指北_第3张图片
配置完成后自动部署。

3 完成

如果部署成功,即可点击visit查看线上效果。
后面只要推了新代码到github,vercel即可自动部署,并且可以在deployments中查看构建状态和问题。

这个东西我目前感受到的优点。首先零配置部署,第二访问速度比github-page好很多,并且构建很快,第三,免费。
可以说是很香了,大家可以去体验一下。

你可能感兴趣的:(vercel使用指北)