I got Nuxt.js on Repl.it. Here’s how you can too!

Nuxt.js | A framework based on Vue.js

Requirements: You will need a command line shell. For this project I will be using Windows Powershell. Additionally you will also need a GitHub Account and a Repl.it account.

Creating a Nuxt.js Project Through The Command Line:

When you open up your preferred command line type:

Once you type that in you will get multiple questions:

This is what I answered for them. If you want to follow along and have the same end result as me feel free to copy it but if you want yours different change it where ever it is needed!

Creating a GitHub Repository:

Go to https://github.com and create a Repository by clicking the green new button. Once you click it, it should take you to a page like this:

Fill in the boxes with what you want. For me I named it “NuxtApp” and then clicked the “Create repository” button.

On the next page you should see something like this:

Click the copy button. This is a important step!

Connecting GitHub to Your Nuxt.js App:

Go back to your preferred command line and type:

cd <PROJECT-NAME>
git init
git commit -m "Initial Commit"
git branch -M main
git remote add origin <GITHUB-LINK-YOU-COPIED>
git push -u origin main

Checking Whether You Did Everything Right:

Go back to the GitHub Repository you created and it should now be filled with contents. Like the picture below.

From being empty it should now be filled with contents of your Nuxt App if you followed the steps right.

Getting Nuxt on Repl.it

Go to Repl.it and click:

Once you click that go to the “Import from GitHub” tab and type in your Repository name. After that click the “Import from GitHub” button. It should take you to a page and on the right of it, it will show something like this:

Change it from npm start to npm run dev

Running your Nuxt project

To run your project click the “Run” button in the top center. In the terminal it should say: npm install

If all goes properly it shouldn’t show any errors and you should be able to view your code on http://localhost:3000! 😃

Thank you for viewing this post. Ask any questions in the comments below. Stay tuned for more coming up!