All Projects → iliyaZelenko → blog-frontend

iliyaZelenko / blog-frontend

Licence: other
Frontend of blog created using: GraphQL (Apollo) + Vue + Nuxt.js + TypeScript + Vuetify...

Programming Languages

Vue
7211 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to blog-frontend

Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-9.3%)
Mutual labels:  ssr, vuejs2, nuxt, vuetify
awrora-starter
Landing page template built with one of most popular javascript library Vue.JS, Vuetify (Material Design) and Nuxt.JS with SSR.
Stars: ✭ 38 (-11.63%)
Mutual labels:  ssr, nuxt, vuetify
Sails Nuxt
Sails + Nuxt + Vuetify Combo <3
Stars: ✭ 92 (+113.95%)
Mutual labels:  ssr, nuxt, vuetify
Vue Meteor
🌠 Vue first-class integration in Meteor
Stars: ✭ 893 (+1976.74%)
Mutual labels:  apollo, ssr, vuejs2
jooger.me
👍 My personal website,powered by @nuxt
Stars: ✭ 39 (-9.3%)
Mutual labels:  ssr, vuejs2, nuxt
Laravel Vuejs.com
Laravel and VueJs Blog, using Laravel nova, GraphQL, NuxtJs, Apollo and ...more
Stars: ✭ 54 (+25.58%)
Mutual labels:  apollo, ssr, nuxt
lumen-cms
GraphQL API-First CMS based on NodeJS and Vue 2, Nuxt and Vuetify
Stars: ✭ 77 (+79.07%)
Mutual labels:  nuxt, vuetify
Seiyuu.moe
A webpage searching for collaborate works between seiyuu.
Stars: ✭ 15 (-65.12%)
Mutual labels:  nuxt, vuetify
graphX
A simple blog based on Nuxt and graphQL
Stars: ✭ 19 (-55.81%)
Mutual labels:  apollo, nuxt
react-koa-universal
a boilerplate react graphql apollo css-in-js buzzword koa ssr pwa wasm throwaway app 🚮
Stars: ✭ 12 (-72.09%)
Mutual labels:  apollo, ssr
inshop-crm-ecommerce
Inshop CRM / ERP ecommerce. It's powerful framework allows to build systems for business with different workflows. It has on board multi language support, clients management, projects & tasks, documents, simple accounting, inventory management, orders & invoice management, possibilities to integrate with third party software, REST API, and many …
Stars: ✭ 48 (+11.63%)
Mutual labels:  nuxt, vuetify
likecoin-button
Every Like is a reward. Turn your Likes into actual income now.
Stars: ✭ 18 (-58.14%)
Mutual labels:  nuxt, vuetify
blog3.0
博客V3.0 目前使用的技术(Nuxtjs + Nestjs + Vue + Element ui + vuetify),存储(MongoDB + Redis + COS)
Stars: ✭ 37 (-13.95%)
Mutual labels:  nuxt, vuetify
MeetU
Application that build on Elasticsearch and Spring Boot Microservices (Synchronous Service)
Stars: ✭ 22 (-48.84%)
Mutual labels:  nuxt, vuetify
aio-rek
Face recognition based attendance system
Stars: ✭ 19 (-55.81%)
Mutual labels:  nuxt, vuetify
LaraNuxt
Laravel framework with integrated NuxtJs support, preconfigured for eslint, jest and vuetify.
Stars: ✭ 53 (+23.26%)
Mutual labels:  nuxt, vuetify
laravel-nuxt
Laravel 5.6 + Nuxt 1.4: Auth Starter (SSR, SPA, Socialite)
Stars: ✭ 19 (-55.81%)
Mutual labels:  ssr, nuxt
graduation-web
A PWA for the community of students of CEIT Department at Amirkabir U of Technology (Class of 2018)
Stars: ✭ 25 (-41.86%)
Mutual labels:  ssr, vuetify
apollo-local-query
Simpler server rendering with apollo-client 1.x, using a local GraphQL networkInterface
Stars: ✭ 66 (+53.49%)
Mutual labels:  apollo, ssr
my-blog
🐬 个人技术博客(基于vue的服务端渲染 nuxt.js)
Stars: ✭ 94 (+118.6%)
Mutual labels:  ssr, nuxt

Commitizen friendly

Документация:

backend

https://github.com/iliyaZelenko/blog-backend

frontend

На фронтенде используется SSR, точнее Universal/Isomorphic подход, то есть при запросе рендерятся на сервере, а дальше как SPA, что дает лучшее SEO и быструю отрисовку чем обычное SPA.

Why SSR?

На фронте такие технологии:

  • 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 (оптимизация)
  • Vuetify (UI Material Design)
  • TypeScript
  • GraphQL + Apollo client
  • Статические анализаторы
    • ESlint (ECMAScript + HTML)
      • Vue plugin (работает только в template, в script еще не сделали поддержку совместимую с TS)
      • eslint-config-standard
    • TSLint (TypeScript)
      • tslint-config-standard
    • stylelint (CSS) (нет поддержки stylus, только scss, sass, less 😞)
    • stylint (отдельный линтер для stylus, но заброшен 3 года назад и не работает на webpack 4 😞)
  • Stylus (CSS preprocessor)

Build Setup

# 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.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].