Hi CelSius, — that’s how i call my pal 😆

After building the Nuxt-CLI using NPM, now we are going to create more code.

Yes, we are going to add the basic content inside our generated files.

Repository Preparation

I’m using the existing Github for this Nuxt CLI project :

https://github.com/sherlyfebrianti96/Nuxt-CLI

Just go to the existing Nuxt-CLI folder in your local computer, or you can clone it again to your local repository.

git clone https://github.com/sherlyfebrianti96/Nuxt-CLI.git

Refactoring the schematic-item and available-file-extensions

Based on the existing code in https://github.com/sherlyfebrianti96/Nuxt-CLI, i’m moving the schematic-item.js to lib/general folder to make the structure more clean.

Create a new file lib/general/available-file-extensions.js and move…


Hi CelSius, — that’s how i call my pal 😆

After building the Nuxt-CLI using NPM, now it’s time to register it in NPM Package.

Login to your NPM account

First, you need to have an NPM account and do the login.


Hi CelSius, — that’s how i call my pal 😆

Currently in NuxtJs, whenever we want to create a component, layout, pages, and store, we have to create the folder and files manually.

Since we need to create a lot of components when doing a project, we need something that can make our lives easier.

So let’s create a Nuxt CLI for generating folder and file structure using NPM.

Repository Preparation

I’m using a Github repository to save this Nuxt CLI project :

https://github.com/sherlyfebrianti96/Nuxt-CLI

After the repository has been created, clone it to your local repository.

git clone https://github.com/sherlyfebrianti96/Nuxt-CLI.git

Initiate the Node Package

We will use…


Hi Mr.T,

This basic installation used for step by step the Nuxt installation using Typescript.

It contains some errors and how to fix it.

You could mention the topic you wish to have.

I will try to share the story :)


Hi CelSius, — that’s how i call my pal 😆

Previously, we are getting started a new application using Nuxt (Vuejs Framework) with Typescript.

And after the installations has been completed, there will be some issue appeared after that.

Let’s do the fixing for the issues, so we could run our new installed Nuxt application.

Fixing Babel Dependencies Issues For Running the Dev

After the installations (Nuxt v.2.14.12), i’m trying to run :

npm run dev

Then, I got this errors :

Cannot find module '@babel/preset-env/lib/utils'

and it requires me to have another dependencies.

I found this open issue and currently this steps is help me to fix…


Nuxt + Typescript

Hi CelSius, — that’s how i call my pal 😆

I’m going to start a new application using Nuxt (this is a Vuejs Framework).

Alos, I’m going to use Typescript as a support for my Nuxt application.

Installing Nuxt (Vuejs Framework)

Currently i’m trying to installing the Nuxt application using Npm.

npm init nuxt-app <your-application-name>

After running the command above, there will be a questions for the default installation :

  • Project Name
    Just press enter if you want to configure the same name as the command above
  • Programming Language
    There will be two options (Javascript / Typescript)
    In my project, i’m using Typescript
  • Package…

Feature Branch VS Feature Toggle

Hi CelSius, — that’s how i call my pal 😆

Currently we are going to discuss about what is Feature Branch and Feature Toggle.

Which one is suitable to use in our projects/application? Let’s find out the difference.

Feature Branch

This is a branching pattern where the developers create a new branch for each new feature, and integrate the changes after the feature is done.

Advantages :

  • Every changes merged in the developer’s feature branch, so it will reduce the breaking-changes risk on the main branch (the common codebase)
  • A team that completes features in one-two days are able to integrate frequently…

Application Testing

Hi CelSius, — that’s how i call my pal 😆

This time, we will discuss about what to choose or what to use for doing a testing in Nuxt (Vuejs framework) application.

There are 3 types of testing in Vuejs application :

  • Unit Testing
  • Component Testing
  • End-to-end (E2E) Testing

We have to keep in mind if we want to do a unit testing, we have to use the default testing framework/tools recommended by the Framework we used itself.

Unit Testing

Unit testing is a method that is used by developer to test the procedures / codes has been suitable as expected.

In…


Login to your Jira application

After installing the Jira application, i’m going to login as system administrator.


Hi CelSius, — that’s how i call my pal 😆

Currently i’m going to upgrade Angular version of my Angular application by following this Angular guide.

Now, Angular 10 has been published!

Previously i have done the upgrade the version of my Angular application from version 7 to Angular 8.

Now, i will start upgrading to Angular 10.

Here is some information of my current application.

Sherly Febrianti

A passionate developer who loves design

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store