Getting Started & Installation

This page provides guidance on installing and using our framework in both offline and online IDEs.

Either you can use any online based IDEs like "mern.ai" or you can use offline IDEs like "Visual Studio Code".

Follow the steps given below:

Go to mern.ai.
Sign up or Sign into your account.
Click on '+ New site or app' to create an app.

Follow the on-screen instructions.
Wait for a few minutes for the setup to complete.

To view the output, just click on the external link icon next to "Compiler" at the top.

The above UI is a placeholder UI from MagicJS as there is no UI file mapped to the root.

Take a look at the output URL in your browser.

Yes! Your app is deployed. The output can be viewed from any device, anywhere in the world, by visiting this URL.

Pre-Requisites

Open the VS code and follow the steps given below:

Create a folder for your app and open that folder in VS code by going to File > Open folder.
Follow the steps given below:

Install Node.js by running the following command in your VS code terminal:

nvm install v18.2.0

Use the installed Node.js version,

nvm use v18.2.0

Install MagicJS

Install MagicJS Framework using NPM:

npm i "@magicjs.dev/cli" --global

Initialize your project

After MagicJS Framework is installed, you can now initialize your project:

magicjs --init

Wait until the script creates the necessary files for you. Once the dependencies are installed, start the project by running the command:

npm start

You will be able to view the output in url http://localhost:3000.

The above UI is a placeholder UI from MagicJS as there is no UI file mapped to the root.

Ready to step into the role of a Product Owner?

Dive into our comprehensive course designed to equip you with the skills and knowledge needed to excel. Click here to embark on your journey towards becoming a proficient product owner and unlocking exciting career opportunities!

PreviousWhy MagicJS?NextCreate a new page using React

Last updated 2 years ago

hashtagPre-Requisites

hashtagOpen the VS code and follow the steps given below:

hashtagInstall MagicJS

hashtagInitialize your project

hashtagReady to step into the role of a Product Owner?

Pre-Requisites

Open the VS code and follow the steps given below:

Install MagicJS

Initialize your project

Ready to step into the role of a Product Owner?