记一次云环境零成本的快速LP协作构建与上线（timeshot）

## Branding

> 脑海中先想清楚这几个问题
> 多复习startupschool Future Founder的课程

- Problems？
- Solutions(Naming)？
- Target Customers？

## 工具

### 协作工具

- `discord`: audio chat / monitor sharing
- `hackMD`: quick prototyping with markdown/html
- `conceptBoard`: design prototyping / schedule / bussiness model

### 构建工具

- `Freenom`：免费域名
	- Freenom域名自动续期 [luolongfei/freenom](https://github.com/luolongfei/freenom)
- `CodeSandbox`： 能直接Commit到GitHub很方便
- `Netlify`：Free Host

### 还未用上的

- `Jebrains Space`：好像功能很全的样子，但是也有一定学习成本
- `slab`：satchel推荐的knowledge base，看上去还不错。
- `vscode Live Share`： 可以实现pair programing

## 设计

- Short Decription：参照竟品
- Logo： 其实感觉[hatchful shopify](https://hatchful.shopify.com/)也不错。不行也可以在fiverr上看看。
- 图：[undraw.co](https://undraw.co/) 太好用，可换色可搜索
	- 效果参考：[Example:chatwoot](https://www.chatwoot.com/)

## 开发

这次全程没有使用本地开发环境。 
工作流如下：

- Github create Organization
- CodeSandBox template → link Github Organization Repository
- Netlify Team → Github Organization Repository  
	- （vercel和netlify team成员价格分别是20刀和19刀）
- Freenom Purchase Doamin → Netlify Project 
- Freenom → Yandex Custom Domain Email

### CodeSandBox commit to organization

-  go to https://github.com/settings/applications
-  click [Authorized OAuth Apps] tab
-  find CodeSandbox and click
-  Grant to organization.

## 大致构建流程

- Naming & Planning (Problem & Solution)
- Domain | [freenom](https://freenom.com)
- LP Template | CodeSandbox,Github,Netlify
- Contents: Logo, Tone([Color](https://graf1x.com/shades-of-blue-color-palette/),[palette](https://www.happyhues.co/palettes/3)), SVG, Text
- SEO (meta: title/description/keywords)
- Google Analytics