![](https://sites.la.utexas.edu/kb/files/2021/07/grav-setup-banner-2-1024x341.png)
Grav is a flat-file content-management system (CMS) we use to develop custom websites for LAITS clients.
MAMP is a free server environment you can use to create websites locally (local = on your own machine with no web hosting required).
Step 1.
Download and install MAMP here if not already on your LAITS machine
For Mac: MAMP – Mac, Apache, MySQL, and PHP
For Windows: WAMP – Windows, Apache, MySQL, and PHP
Step 2.
On the Grav site, download from the “Grav Core + Admin Plugin” button
![](https://sites.la.utexas.edu/kb/files/2021/07/image-27.png)
Step 3.
Unzip the Grav folder and rename it from “grav-admin” to “TestSite”
Step 4.
Back in MAMP, go to MAMP > Preferences > Web Server.
You should copy your “TestSite” folder into the Document Root folder that is listed in MAMP.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-28.png)
^ This is the Document Root path – “C:\MAMP\htdocs”
![](https://sites.la.utexas.edu/kb/files/2021/07/image-29.png)
^There is our TestSite Grav folder moved into htdocs 🙂
Step 5.
On MAMP’s “Select…” button choose your “TestSite” folder and hit OK.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-30.png)
Step 6.
Make sure your MAMP servers are on.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-31.png)
Step 7.
In your web browser, navigate to your local host – “localhost/admin”
![](https://sites.la.utexas.edu/kb/files/2021/07/image-32.png)
Installing Gantry 5
Step 1.
OK now you are logged into your local Grav dashboard which looks like this:
![](https://sites.la.utexas.edu/kb/files/2021/07/image-33-1024x753.png)
Step 2.
In the left-hand menu under Themes, click +Add and search and select the theme “Helium”.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-34-1-1024x306.png)
Click Activate on Helium to make sure it is your active theme.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-35-1024x572.png)
Step 3.
To install Gantry, on the Plugins tab, search and install “Gantry”. You should then see Gantry 5 tab in your left-hand menu.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-36.png)
Now you have Gantry installed, it’s homepage will look like this:
![](https://sites.la.utexas.edu/kb/files/2021/07/image-39-1024x888.png)
Step 4.
This isn’t Gantry-related, but to use a WYSIWYG editor in the Pages editor mode, install the TinyMCE Editor Integration.
![](https://sites.la.utexas.edu/kb/files/2021/07/image-38-1-1024x668.png)
You’re done and ready to start development!