If you’ve purchased a custom domain from a registrar, you can add it to your PlayCode project!

Q: How do I run code?

| Code runs automaticaly in <code>Live View</code> mode. Type something in <code>script.js</code> or <code>index.html</code> file and you will see result at console panel in real-time. <img src="https://storage.crisp.chat/users/helpdesk/website/706c762539245400/image_6zillq.png" alt="" /> || However, sometimes <a href="/en/article/my-project-is-stuck-or-always-on-spinner-1qvu7a2/">it stops working or gets stuck</a>. Or even it can <a href="/en/article/my-project-is-freezing-on-openning-zk64sz/">freeze your browser</a>.

Q: How do I open console?

To open console, click to the <code>console icon</code>, near the <code>eye icon</code>: <img src="https://storage.crisp.chat/users/helpdesk/website/706c762539245400/kapture-2022-03-16-at-161516_1raz34v.gif" alt="Open console" /> | The same button can close the console.

To add a custom domain:

Open the project in the editor.
Click to Globe icon
Click Add Custom Domain.
Enter your custom domain URL (www.website.com) and then click Add.
Now, go to your domain name registrar’s website and create a CNAME entry, adding app.playcode.io as the target.

Here are some things to remember when adding a custom domain to your PlayCode project:

Visiting the url, http://app.playcode.io directly in your browser will not display your app. It’s not intended to be used directly, only as part of a CNAME.
Most popular domain name registrars provide documentation on how to configure your dns for CNAMES. Here are links to a few of them:
- GoDaddy
- Name.com
- Freenom

Using an A Record when your domain name registrar requires an IP address:

If you want to use the “bare domain” (for example, website.com instead of www.website.com), you’ll need to create an A Record.
If your registrar requires an A Record to be pointed to an IP address instead of a URL, you can find the IP address by using a service like Ping.eu to ping http: [app.playco

Question 2

How do I publish a website?

Accepted Answer

Make sure you are authorized and your project is saved.
Click to the globe icon.
Set the Share to web switch to enabled.
Click to Publish changes:
Click to Open website
Confirm, that you open a website (forced protection against fishing fraudsters):
Tadaaam:

Question 3

How do I include/install a javascript package?

Accepted Answer

To include a package there are few steps:

Click to plus icon against PACKAGES.
Type package name, for an example: convas-confetti.
Choose right version.
Import this package and use it.

Question 4

How do I run code?

Accepted Answer

| Code runs automaticaly in Live View mode.

Type something in script.js or index.html file and you will see result at console panel in real-time.

|| However, sometimes it stops working or gets stuck. Or even it can freeze your browser.

Question 5

What is PlayCode

Accepted Answer

What is PlayCode

PlayCode is an online javascript playground where you can create React, Vue, TypeScript, Three.js, Tailwind CSS, Bootstrap, etc projects quickly and easily in your browser. It automatically takes care of installing dependencies, compiling, bundling, hot reloading as you type, and much more.

PlayCode eliminates the stress of having to configure deployment and build tools before you can start coding a cool prototype or demo. PlayCode will feel and function similar to your local dev environment by providing console and website view for you to preview and debug live! Every project gets it's own unique URL and the option to rename your projects.

Product Values

Our mission is to make web development faster. By removing complexity, we enable web developers to be more productive.

Code, not infrastructure

We handle the development environment, taking on setup, tooling, and provisioning, so it’s as fast as possible to start and build projects.

Shareable by default

We create solutions that enable developers to work from anywhere and teams to build together in new and more effective ways.

Work like local

We equip developers with a local editor experience that’s familiar and integrated with popular developer tools, so the process of creation is seamless.

Question 6

How do I open console?

Accepted Answer

To open console, click to the console icon, near the eye icon:

Open console

| The same button can close the console.

Frequently Read Articles

Browse All Categories