---
original_url: "https://jace.pro/blog/now-experience-notes/"
format: markdown
ai_optimized: true
---

Now Experience Notes- # Now Experience Notes

March 28, 2020 [servicenow ](/tags/servicenow/)[next-experience](/tags/next-experience/)

  Enable AI AnimationI was following along with [Upside-down Andrew’s posts](https://andrew.alburydor.com/posts/2020-03-20-nowui-part1/) and taking notes trying to get a now-expierence component to work.

Here’s my notes;

Checked version of node; `node --version` it’s at 12.16.1

- Checked version of npm; `npm --version` it’s at 6.13.4 (howver there’s a upgrade to 6.14.4)

- Checked version of now-cli; `now-cli --version` it’s at 17.0.2

- Created folder/repository to render a joke from [joke.jace.pro](http://joke.jace.pro/)

- Created [README.md](http://readme.md/) file with aweseome contnet (thanks AAD)

- Staged my commit of the update to [README.md](http://readme.md/)

- Created Repository on Github [https://github.com/jacebenson/now-joke](https://github.com/jacebenson/now-joke)

- Added SSH Repository link

- Ensured `git@github.com:jacebenson/now-joke.git` is returned when `git remote show origin`

If you don’t have SSH configured with Git, you’ll want to undo the git url and use https instead… really set up SSH
- [Github’s docs to do this](https://help.github.com/en/github/authenticating-to-github/connecting-to-github-with-ssh)

- Push your either by `git push -u origin remote` or with buttons in VS Code. You should see the file on [github.com](http://github.com/) with it’s contents

- You need an empty to build the project, so lets delete that [README.md](http://readme.md/)… you can do that by typing `rm README.md`

- Now we can create the project, I ran `now-cli project --name "@jace/now-joke" --description "It's what it says on the lid"`

- It created the scaffolding, you’ll need to do a `npm install` or `npm i` to install the package.json dependencies

- We can finally Start rendering something… run `now-cli develop --open`

- Edit the `./src/x-1234-your-component/index.js` line 7 to say something, your browser should update

---
[View this page on GitHub](https://github.com/jacebenson/jace.pro/tree/main/./src/posts/2020/2020-03-28-now-experience-notes.md).

[Now Experience Notes](https://jace.pro/blog/now-experience-notes/) [Jace Benson](https://jace.pro) ![Jace Benson](https://jace.pro/icon-512x512.png)

---

*This content is from Jace Benson's ServiceNow and tech blog at jace.pro*
*Original post: https://jace.pro/blog/now-experience-notes/*