Vue.js Meta Framework to create complex, fast & universal web applications quickly. Learn more at nuxtjs.org.
https://github.com/nuxt/nuxt.js#readmeTags | framework isomorphic universal vue ssr nuxt web-app vuex vue-router server-rendering nuxt.js nuxtjs vue.js vuejs vue-universal vue-ssr vue-server-side vue-isomorphic vue-versatile |
Implementation | Javascript |
License | MIT |
Platform | NodeJS |
:sparkles: éŤäťżćéďźć´ĺ vue + nuxt + axios + vuex + vue-router (nuxt čŞĺ¸Ś vuex ĺ vue-router)ďźä¸ä¸Şĺşäş Nuxt çćĺĄĺ¨çŤŻć¸˛ć Demo
vue nuxt vuex vue-router axios nginx nodejs pm2 gh-pages nuxt-demoHackerNews clone built with Nuxt.js.
nuxt web-app isomorphic vue universal ssr pwa vuex vue-routerčżćŻć珏ä¸ä¸ŞçćŁćäšä¸çVue饚çŽďźĺ ąčąäşďźĺ¤Šćśé´ďźćŻĺ¤Šĺ¤§ćŚďź,4个ĺ°ćśĺˇŚĺłĺ¨čżä¸ŞéĄšçŽä¸ăé¤äşVue.jsćŚĺżľćŻčžäşč§Łĺ¤ďźVue-routerĺVue-resourceé˝ćŻç°ĺŚç°ç¨ăäšĺčżćłçĺŻč˝čŚčąçšćśé´ĺŚä¸ć°ä¸čĽżďźä˝çäşć楣ĺćĺç°ĺ śĺŽćşçŽĺç...
vue vue-router vue-router2 vue-spa cnodejs vuex2 vuex nuxt nuxtjs ssr seoSmall demo showing custom page animations in Vue 2 with a fake typography site, currently using a custom build of Nuxt, pre 1.0.0beta release. Using GreenSock for the animations, including SplitText. Nuxt.js is a framework for creating Universal Vue.js Applications. It presets all the configuration needed to make your development of a Vue.js Application Server Rendered more enjoyable.
nuxt vue page-transitions greensock svg-animations nuxt-page-transitions vue-page-transitionsThis 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 vue-stripe stripe stripe-checkout stripe-payments vuejs nuxt vue-stripe-payments stripe-elementsThis 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.
vue vuex introduction-to-vue vue-animations vue-cli vue-methods vue-watchers nuxt introduction-to-nuxt vue-directiveA Vue.js project with vue 2.0, vue-router and vuex starter kit for server side rendering.
vue vue-router server-side-rendering vuex webpack starter server-side boilerplateAnd that's it, run ream dev and have fun playing with your app at http://localhost:4000. ream © egoist, Released under the MIT License. Authored and maintained by egoist with help from contributors (list).
vue server-rendering universal webpack server express koa http ssr static nuxt next ream server-side frameworknuxtăSSRăvueămysqlăredisănginxăsocket.io NUXT(ĺŽć饚çŽ)
nuxt vueFor detailed explanation on how things work, checkout the Nuxt.js docs.
nuxt vue wordpress vuex ssr server-rendering web-app frontend rest-apiWith more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4.5 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup. Support this project by becoming a sponsor.
bootstrap components vue accessibility icons a11y nuxt accessible wai-aria component-library nuxtjs bootstrapvue bootstrap-v4 bootstrap-for-vue vue.js vue-v2 ssr web directives bootstrap-icons aria popper.js css scss alert avatar badge breadcrumb button calendar card carousel checkbox collapse date-picker datepicker dropdown dropzone form input jumbotron list modal nav navbar option overlay pagination popover progress radio select sidebar skeleton slider spinner tab table tag tags time-picker timepicker toast tooltipThis demo shows an example of how to acheive native-like page transitions on the web. There's much to be improved here- it's not meant to be a full-fledged web application, just a quick demo to show how this kind of implementation could theoretically work. These concepts can and should be expressed differently in your own application, the sky's the limit here! This is created with Nuxt and Vue. For detailed explanation on how things work, checkout the Nuxt.js docs.
page-transitions animations vue vuejs nuxt page-transitions-nuxt page-transitions-vue native-like-transitionsMultiple Process Loader Management for Vue and (optionally) Vuex. Read the Medium post "Managing Complex Waiting Experiences on Web UIs".
vue vuex loading loader loaders activity-indicator vuex-store nuxt-module vue-components progress progress-bar vue-progress loader-component spinner nuxt pluginA flexible, scalable, opinionated boilerplate for production-ready PWAs with focus on performance, development speed, and best practices
vue vuex vue-router webpack typescript jest code-generation server-side-rendering isomorphic progressive-web-app vue-meta seo boilerplate coverage i18n vue-i18n vuex-persist kitchensink enterprise datepicker slider forms componentsThis 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.
vue wordpress offline azure spa service-worker es6-javascript webpack vuejs2 vuejs vuejs-components progressive-web-app pwa-apps pwa pwapp wordpress-theme wordpress-starter-theme vuex starter server-side boilerplateA Laravel-Nuxt starter project template. You can access your application at http://localhost:3000.
laravel vue nuxt universal spa ssr server-renderingCollection of Vue.js reference examples for teaching and learning Vue. These examples assume NO experience of front end by the reader. I myself had more experience as a backend engineer and found most front end examples required too much familiarity of HTML, Javascript and the front end stack. I journaled these examples to help myself and others. The early examples 1-15, are intentionally simple while the remainder start using VUE cli and NUXT which are more sophisticated patterns (they generate complex starting projects) that it is helpful to build up to. VUE cli is what an experienced front end developer may use if they are unfamiliar with Vue and Nuxt would be used by an intermediate Vue Front End engineer as it provides more benefits as well as more complexity.
vue vuejs2 vue-cli beginner
We have large collection of open source products. Follow the tags from
Tag Cloud >>
Open source products are scattered around the web. Please provide information
about the open source projects you own / you use.
Add Projects.