跳到主要内容

基础知识

编程语言和开发框架

Typescript

typescript 是一种带类型系统的编程语言,是 javascript 的超集,更适合写大型/现代化的前端项目。

https://wangdoc.com/typescript/intro

React

react 是一个组件化开发框架,帮你更高效的开发前端项目,管理页面内容变更。

https://react.dev/learn

NextJS

nextjs 是一个全栈开发框架,支持在同一个项目里面写 api 和 web 页面。

https://nextjs.org/docs

使用搜索引擎和 ChatGPT,搞清楚这三者的关系。

常用工具库

React Icons

https://react-icons.github.io/react-icons/

Momentjs

https://momentjs.com/

Sonner

https://sonner.emilkowal.ski/

Node-postgres

https://node-postgres.com/

常用 UI 组件

TailwindCss

https://tailwindcss.com/

TailwindUI

https://tailwindui.com/

Tailspark

https://tailspark.co/

DaisyUI

https://daisyui.com/

HeadlessUI

https://headlessui.com/

Radix UI

https://www.radix-ui.com/

Shadcn UI

https://ui.shadcn.com/

MUI

https://mui.com/

Ant Design

https://ant.design/

Arco Design

https://arco.design/

Semi Design

https://semi.design/

常用云平台

Google

google 是一个综合性的云平台,有搜索/登录/邮箱各种业务。很多时候我们的一些网站需要用到 Google 登录,需要要有 Google 开发者账号。

按照官方流程,先注册你的 Google账号,再进入开发者控制台。

https://console.cloud.google.com/apis/credentials

Github

github 是一个代码托管的云平台,可以帮你管理代码。

按照官方流程,先注册你自己的账号,登录到控制台,创建你的组织或者项目。

https://github.com/

Vercel

vercel 是一个用于部署项目的云平台,可以让你把自己的项目发布上去,不用买服务器部署了。绑定一个域名就能直接上线访问。

按照官网流程,先注册你自己的账号,登录到控制台,创建你的组织或项目。

https://vercel.com/

SupaBase

supabase 是一个云数据库平台,主要用于创建数据库,存储业务数据。以 postgres 数据库为主,可免费使用。

按照官网流程先注册你的账号,登 录到控制台,创建你的数据库。

https://supabase.com/

ChatGPT

ChatGPT 是一个交互式 AI 对话应用,你遇到的大部分问题都可以把问题丢给 ChatGPT 搜索到答案。

按照官网流程注册你的账号,登录到控制台,有问题直接在对话框提交。

https://chat.openai.com/

Clerk

clerk 是一个聚合登录平台,集成了 Google/Github/邮箱等常见的登录方式。

按照官方文档注册你自己的账号,登录到控制台,创建你的项目。

https://clerk.com/

NameCheap

可以在这个网站购买域名。

https://www.namecheap.com/domains/

Cloudflare

可以在这个网站管理域名的 DNS 解析,需要把在 namecheap 购买的域名的 NAMESERVERS 改到 cloudflare 的 DNS 服务地址

https://www.cloudflare.com/

AWS s3

用来做图床,存储图片

https://docs.aws.amazon.com/AmazonS3/latest/userguide/upload-objects.html

plausible.io

访问统计,统计网站访问 uv/pv 之类的,托管版本只能免费试用一个月

https://plausible.io

可以选择自己部署一个开源的:https://umami.is/