Code Monkey home page Code Monkey logo

mc-official-website's Introduction

LightWorld|辉光世界官网


LightWorld 辉光世界官网
基于Vue、Nuxt.js、Vuetify 开发的Minecraft我的世界国际服网站

English | 简体中文

随着我个人建立开放的我的世界服务器玩家越来越多的,需要有一个更加正式的宣传端口,并且希望有一个网站可以解决类似白名单发布审核这样的事情(主要还是懒得手动审批问卷 233)

关于项目

这个项目更像是一个综合前端技术栈的实践 demo,当然也提供了基础的网页布局和工具配置。也同时使用了 Eslint 和 TypeScript 等等

TypeScript + Express 后端项目地址

关于 Nuxt 与 SSR

利用 Nuxt 的 SSR 模式(也叫做 "universal" or "isomorphic" 模式),Node.js 服务器将基于 Vue 的组件渲染成 HTML 并传输到客户端,而不是纯 javascript。与传统的 Vue SPA 相比,使用 SSR 将带来巨大的 SEO 提升、更好的用户体验和更多的机会。

关于为什么使用 Vue2 而不是 Vue3?

Nuxt 3 还处于 beta 阶段,而且有着更加优异的用户交互体验的 Vuetify 的 Vue3 版本也尚处于 Alpha 阶段,所以先使用了基于 Vue2 的 Nuxt,也是为了避免踩坑......

服务端以及管理系统

服务端尚在完善当中,使用 Express.js 和 Typescript 编写,敬请期待哦~

管理系统

后续工作

后续还有很多工作要做哦,会不断完善学习完善哒

预览

辉光世界

目录

使用

部署

当你将项目打包构建完成之后,上传以下文件至服务器并启动:

  • .nuxt
  • static
  • nuxt.config.js
  • package.json

贡献

使用过程中发现任何问题都可以提 Issue 给我,当然,我们也非常欢迎你给我发 PR。

开源协议

MIT

mc-official-website's People

Contributors

momeak9 avatar ccbleat avatar sami-jiaze avatar boyulin5697 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.