Personal portfolio using VueJS, NuxtJS, Storyblok CMS, Axios

Personal portfolio using VueJS, NuxtJS, Storyblok CMS, Axios

nuxt-storyblok-boilerplate .Personal portfolio using VueJS, NuxtJS, Storyblok CMS, Axios

nuxt-storyblok-boilerplate

# Boilerplate using VueJS, NuxtJS, Storyblok CMS, Axion

Stack

# Nuxt as JavaScript Framework
# Storyblok as CMS
# Storyblok as database

Build Setup

# install dependencies
$ npm 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

Added Deps

# install sass pre-processors
$ npm install --save-dev node-sass sass-loader

# install NuxtJS Module
$ npm install --save storyblok-nuxt
$ npm install @nuxt/webpack

Heroku App Deployment (optional)

# Add Heroku to git
$ heroku git:remote -a app-name
$ git remote -v
$ git push heroku master
$ git push heroku branch-name:master

# Set Heroku Config
$ heroku config:set NPM_CONFIG_PRODUCTION=false
$ heroku config:set HOST=0.0.0.0
$ heroku config:set NODE_ENV=production

Miscellaneous

# Add favicon in /static
# Add VueX to /store

Download Details:

Author: DriesBos

Demo: https://www.driesbos.com/

Source Code: https://github.com/DriesBos/dries-bos-studio

vue vuejs nuxtjs axios javascript

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

8 Popular Websites That Use The Vue.JS Framework

In this article, we are going to list out the most popular websites using Vue JS as their frontend framework. Vue JS is one of those elite progressive JavaScript frameworks that has huge demand in the web development industry. Many popular websites are developed using Vue in their frontend development because of its imperative features.

Force File Download in Vuejs using Axios

Today we will see how to force download files in vuejs using Axios. In many websites we have seen these type of feature, we click on a text or block and particular file get downloaded in our system, so let’s see how it works.

Build a web app with Vue, Vuetify and Axios

Build a web app with Vue, Vuetify and Axios. we will be building a Vue.js Application supported by Vuetify and Axios. The aim of this article is to implement a movie application which will be calling on an API.

A small wrapper for integrating axios to Vuejs

vue-axios .A small wrapper for integrating axios to Vuejs

Veluxi Vue.js Starter Project with NuxtJS and Vuetify

Veluxi Starter - Vue JS Landing Page Template .Veluxi Vue.js Starter Project with NuxtJS and Vuetify