https://github.com/iliyaZelenko/blog-backend
На фронтенде используется SSR, точнее Universal/Isomorphic подход, то есть при запросе рендерятся на сервере, а дальше как SPA, что дает лучшее SEO и быструю отрисовку чем обычное SPA.
На фронте такие технологии:
- Vue
- Nuxt.js (SSR)
- Node.js сервер
- Webpack 4 (содержит базовые конфиги под капотом, которые используются чаще всего, как в vue cli 3 проектах)
- Babel 7 для ES2015+ (@nuxtjs/babel-preset-app, типа @babel/preset-env)
- PostCSS (обработка css)
- postcss-preset-env (типо Babel, но для css)
- идет вместе с autoprefixer (префиксы)
- stage 2+
- cssnano (оптимизация)
- postcss-preset-env (типо Babel, но для css)
- Vuetify (UI Material Design)
- TypeScript
- GraphQL + Apollo client
- Статические анализаторы
- ESlint (ECMAScript + HTML)
- Vue plugin (работает только в
template
, вscript
еще не сделали поддержку совместимую с TS) - eslint-config-standard
- Vue plugin (работает только в
- TSLint (TypeScript)
- tslint-config-standard
stylelint (CSS)(нет поддержки stylus, только scss, sass, less 😞)stylint(отдельный линтер для stylus, но заброшен 3 года назад и не работает на webpack 4 😞)
- ESlint (ECMAScript + HTML)
- Stylus (CSS preprocessor)
# install dependencies
$ npm install # Or yarn install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
# generate static project
$ npm run generate
For detailed explanation on how things work, checkout the Nuxt.js docs.