System built with Nuxt ☑️

A clean, elegant, beautiful and powerful admin template using Nuxt

🚀 Features

• Build visual graphics using AntV, Echarts, Unoivs
• Authentication backed-in using nuxt-auth-utils
• User interface made with Nuxt UI

🌐 Live demo

https://xingxing-admin.vercel.app

🚧 TODO

• Login with Github
• Create chart with AntV
• Create chart with Echarts
• Create chart with Unoivs
• Sign in with Google
• Sign in with Email
• Profile settings

🛠️ Setup

Make sure to install the dependencies using pnpm:

pnpm i

If you want to use the map, please apply the key from the following map providers:

• 高德地图
• 百度地图
• Tencent Map

Add the variables in the .env file:

NUXT_GAODE_MAP_TOKEN=
NUXT_BAIDU_MAP_TOKEN=
NUXT_TENCENT_MAP_TOKEN=

Create a GitHub Oauth Application with:

• Homepage url: http://localhost:3000
• Callback url: http://localhost:3000/api/auth/github

Add the variables in the .env file:

NUXT_OAUTH_GITHUB_CLIENT_ID="my-github-oauth-app-id"
NUXT_OAUTH_GITHUB_CLIENT_SECRET="my-github-oauth-app-secret"

To create sealed sessions, you also need to add NUXT_SESSION_PASSWORD in the .env with at least 32 characters:

NUXT_SESSION_PASSWORD="your-super-long-secret-for-session-encryption"

💻 Development

Start the development server on http://localhost:3000

npm run dev

📄 License

MIT License