Setup
=====
In order to add dynamic data to our application, we first need to create a new instance of the application. To do that, first create a new directory ``week09``
.. code-block:: console
$ mkdir ``week09``
Then in that directory install ember, initialise the application, and add all dependencies:
.. code-block:: console
$ yarn add ember-cli
$ yarn ember init
$ yarn add sass bootstrap ember-cli-sass
$ yarn ember install ember-truth-helpers
Now start the ember application to test that all these steps were successful.
The next step is to copy over the code from the previous week. To do that, copy the ``week08/app`` directory into the ``week09`` directory:
.. code-block:: console
$ cp week08/app week09
The final step is to update the ``app/index.html`` file so that it loads the files built for the ``week09`` project, by replacing all uses of "08" with "09" in the ``app/index.html``:
.. code-block:: html
Week09
{{content-for "head"}}
{{content-for "head-footer"}}
{{content-for "body"}}
{{content-for "body-footer"}}
Restart the ember server and test that the application still works before moving on to this week's changes.