Website Maker

项目演示

由于没有部署，可以点击下方图片观看视频，查看项目演示，感兴趣的可以按照下方「开发指南」本地试一下

项目介绍

Website Maker 是基于 Nuxt3 的低代码建站方案

• website：即官网，基于 Nuxt3 开发
• website-cms：官网配置平台，基于 NestJS 和 Vue3 开发
• 响应式设计：基于 Unocss 的 shortcuts，详见 nuxt.config.ts

开发指南

# 导入 sql
$ create database website_maker;
$ use website_maker;
$ source init.sql;

# 安装依赖
# 由于Nuxt3目前不支持pnpm，所以增加--shamefully-hoist选项
# https://github.com/nuxt/framework/discussions/939
# https://pnpm.io/zh/cli/install#--shamefully-hoist
$ pnpm install
$ pnpm install --shamefully-hoist --filter @web/website

# 启动 website
$ pnpm start:website

# 启动 website-cms
$ pnpm start:website-cms

快速入门 Nuxt3

可以看下我之前写的 nuxt3-demo，在掘金也有简单的介绍

Todo

• 权限
• 组件
• 部署

相关链接

• PNPM
• Vue3
• VueUse
• Nuxt3
• Pinia
• UnoCSS
• Material Design Icons
• NestJS