surmon.me - 🆒 A SSR web application(blog) build by Nuxt.js(Vue) for nodepress.

  •        128

Nuxt.js project

https://surmon.me
https://github.com/surmon-china/surmon.me

Dependencies:

axios : ^0.16.2
bezier-easing : ^2.0.3
clipboard : ^1.7.1
cross-env : ^3.1.4
emoji-233333 : ^0.1.3
express : ^4.14.1
gravatar : ^1.6.0
highlight.js : ^9.9.0
howler : ^2.0.3
marked : ^0.3.6
node-uuid : ^1.4.8
nuxt : ^1.0.0-rc11
offline-plugin : ^4.8.1
particles.js : ^2.0.0
simplewebrtc : ^3.0.1
socket.io : ^2.0.3
socket.io-client : ^2.0.3
vue : ^2.4.3
vue-awesome-swiper : ^2.3.8
vuex : ^2.4.0

Tags
Implementation
License
Platform

   




Related Projects

vue-wordpress-pwa - An offline-first SPA using Vue

  •    Javascript

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

VueCnodeJS - Vue2.x 初/中级项目,CnodeJS社区重构。(Vue.js Junior Project, Rewrite cnodejs.org )预览(DEMO):

  •    Vue

这是我第一个真正意义上的Vue项目,共花了5天时间,每天大概3,4个小时左右在这个项目上。除了Vue.js概念比较了解外,Vue-router和Vue-resource都是现学现用。之前还想着可能要花点时间学下新东西,但看了文档后才发现其实挺简单的...


rendora - dynamic server-side rendering using headless Chrome to effortlessly solve the SEO problem for modern javascript websites

  •    Go

Rendora can be seen as a reverse HTTP proxy server sitting between your backend server (e.g. Node.js/Express.js, Python/Django, etc...) and potentially your frontend proxy server (e.g. nginx, traefik, apache, etc...) or even directly to the outside world that does actually nothing but transporting requests and responses as they are except when it detects whitelisted requests according to the config. In that case, Rendora instructs a headless Chrome instance to request and render the corresponding page and then return the server-side rendered page back to the client (i.e. the frontend proxy server or the outside world). This simple functionality makes Rendora a powerful dynamic renderer without actually changing anything in both frontend and backend code. Dynamic rendering means that the server provides server-side rendered HTML to web crawlers such as GoogleBot and BingBot and at the same time provides the typical initial HTML to normal users in order to be rendered at the client side. Dynamic rendering is meant to improve SEO for websites written in modern javascript frameworks like React, Vue, Angular, etc...

sample-vue-shop - A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions

  •    Vue

This small demo shows how to accept payments with stripe with Vue.js using a serverless function. It's actually not that bad to set up! The shop also shows how a number of concepts work in Vue. Server side rendering and routing is done with Nuxt.js. Centralized state management with Vuex for product details. Of note, using computed properties, .sync, CSS Grid, and transition-group.

vue-ssr-starter-kit - Vue 2

  •    Javascript

A Vue.js project with vue 2.0, vue-router and vuex starter kit for server side rendering.

quasar - Quasar Framework

  •    Javascript

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

intro-to-vue - Workshop Materials for my Introduction to Vue.js Workshop

  •    Vue

This repo houses the materials and resources for the Introduction to Vue.js. Most of the materials for the course are outlined below, but there are also directories housed here of very basic examples of some of the techniques we will cover so that students don't have to spend a lot of time researching in order to get started. It is recommended that students use CodePen to create work for the duration of the course, as we'll use preprocessors like SCSS as well as Babel for ES6, and resources like Vue.js, both prod and dev versions, codepen makes it easy to do so without time devoted to setup. If you like, you can also scroll to the CodePen collection section and fork one of the existing pens in those collections, they are comprehensive. There are more true-to-life build process examples, in the VueCLI, Nuxt, and Vuex Resource Sections. It's encouraged to watch the lecture to learn how to set up the builds yourself, though. For sections covering Nuxt, we will be using the directories listed in the Nuxt section below as well as their directories, prefixed with nuxt- here.

vuex-i18n - Localization plugin for vue.js 2.0 using vuex as store

  •    Javascript

We are big fans of the awesome vue, vuex and vue-router libraries and were just looking for an easy to use internationalization plugin, employing as much of the "standard library" as possible. The main difference to other internationalization plugins is the ease of use and support for locales directly with the application or later from the server.

vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue.

  •    Javascript

A true WordPress theme with the guts ripped out and replaced with Vue. Based on the BlankSlate WP starter theme. Who's this for? When I started diving into using Vue in WordPress I found plenty of great starters for headless WordPress, but I had the added constraint of needing to run the front and backend on the same host, thus this project was created.

meal-prep - Source code for a 4-part series I wrote about Vue, Vue Router, Vuex and Vuetify

  •    Vue

This is the source code for a four-part series I wrote on creating a Vue.js application that also uses Vue-Router, Vuetify and Vuex. The articles take you through creating a Vue application and then adding on to it until you have created a fully functional meal delivery website. As I mentioned this source code is the final code created as part of four articles I wrote on creating a Vue.js application using Vue-Router, Vuex, Vuetify and Firebase. Here are links to each version of the articles: Part 1 - Covers creating the application and adding Vuetify for styling. Part 2 - Covers using Vue Router to add navigating between pages in the application. Part 3 - Covers adding Vuex for state management. Also we connect to a Recipes API to get content for our application. Part 4 - Covers using Firebase for Authentication. Users can create an account and order recipes. When they login to their account they will see their orders.