GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects â†’ cristinafsanz â†’ taller-nuxt

cristinafsanz / taller-nuxt

Licence: other
🚀Explicación y código del taller de Nuxt para Wecodefest 2019

Programming Languages

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

Labels

vueprerenderspotify-apinuxt

Projects that are alternatives of or similar to taller-nuxt

website
My personal website and blog. Made with Nuxt.js and WindiCSS.
Stars: ✭ 19 (-5%)
Mutual labels:  spotify-api, nuxt
bangumi
Bangumi List
Stars: ✭ 20 (+0%)
Mutual labels:  nuxt
Portfolio
Nuxt & Vue based new portfolio website 🚀
Stars: ✭ 24 (+20%)
Mutual labels:  nuxt
platform
Community platform for dancers
Stars: ✭ 30 (+50%)
Mutual labels:  nuxt
unplugin-icons
🤹 Access thousands of icons as components on-demand universally.
Stars: ✭ 2,064 (+10220%)
Mutual labels:  nuxt
aw-watcher-spotify
Logs what you listen to on Spotify
Stars: ✭ 41 (+105%)
Mutual labels:  spotify-api
nuxt-typo3
TYPO3 Frontend rendered in Vue.js and Nuxt (frontend for EXT:headless)
Stars: ✭ 66 (+230%)
Mutual labels:  nuxt
board
A complete admin board template with a large variety of elements and components, based on blexar CSS framework.
Stars: ✭ 55 (+175%)
Mutual labels:  nuxt
create-nuxt-tailwind-app
[DEPRECATED] Use create-nuxt-app, they added full tailwindcss & purgecss support
Stars: ✭ 32 (+60%)
Mutual labels:  nuxt
spotify-reverse-playlist
This Linux bash script reverses the tracks in a playlist. It creates a new playlist with all tracks reversed.
Stars: ✭ 29 (+45%)
Mutual labels:  spotify-api
lesspod-2.0
Serverless CMS (Currently In Development)
Stars: ✭ 60 (+200%)
Mutual labels:  nuxt
nuxtjsbrasil.github.io
Site da comunidade Nuxt Brasil (usando Nuxtjs) 😄
Stars: ✭ 21 (+5%)
Mutual labels:  nuxt
vue-plausible
Plausible Analytics Vue.js Plugin and NuxtJS Module
Stars: ✭ 107 (+435%)
Mutual labels:  nuxt
nuxt-netlify-cms-starter
NuxtJS + Netlify CMS blog starter project
Stars: ✭ 35 (+75%)
Mutual labels:  nuxt
geofind
Multiplayer Geographical Guessing Game using PostGIS, Nuxt, Leaflet & Colyseus.
Stars: ✭ 31 (+55%)
Mutual labels:  nuxt
nuxt-viewport
🌈 Define custom viewports for your Nuxt project
Stars: ✭ 55 (+175%)
Mutual labels:  nuxt
nuxt-svg-sprite-module
A quick and dirty way to inline svg sprites in your Nuxt app.
Stars: ✭ 21 (+5%)
Mutual labels:  nuxt
xspfy
Import XSPF playlists to Spotify.
Stars: ✭ 29 (+45%)
Mutual labels:  spotify-api
LaraNuxt
Laravel framework with integrated NuxtJs support, preconfigured for eslint, jest and vuetify.
Stars: ✭ 53 (+165%)
Mutual labels:  nuxt
nuxt-ts-module
A tiny module to use Typescript within Nuxt.js application.
Stars: ✭ 21 (+5%)
Mutual labels:  nuxt
View All Similar Projects âž”

Taller Nuxt

Instrucciones y código para crear una aplicación web con Nuxt.js.

Sobre el taller

Se va a crear una aplicación similar a Spotify Wrapped, mostrándote tus canciones y artistas más escuchados en Spotify. Para ello se van a adaptar estas 3 páginas:

Imagen página inicial desktop

Imagen página 4/8

Imagen página 8/8

Previo al taller

Seguir los pasos del fichero de instalación.

Introducción de Nuxt

¿Qué es Nuxt?

Taller

Vamos a empezar a trabajar desde la rama nuxt1, con el scaffolding inicial junto con las dependencias necesarias para la aplicación.

Documentación Código
Creación del layout de la aplicación con datos ficticios Rama nuxt2
Conexión con el API de Spotify para recoger datos reales Rama nuxt3
Despliegue de la aplicación Rama nuxt4

Agradecimientos

He creado un fichero de agradecimientos con gente que me ha ayudado a hacer este taller. También agradezco a la gente que venga al taller o lo haga por su cuenta y me dé un feedback constructivo. Es mi primer taller y lo he hecho lo mejor que he podido :)

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