{"id":7519,"date":"2021-09-23T15:22:47","date_gmt":"2021-09-23T15:22:47","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=7519"},"modified":"2021-11-29T15:34:52","modified_gmt":"2021-11-29T15:34:52","slug":"installing-grav","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2021\/09\/23\/installing-grav\/","title":{"rendered":"Installing Grav Locally"},"content":{"rendered":"\n<div class=\"wp-block-image\"><figure class=\"alignleft size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"346\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/GRAV2-1024x346.png\" alt=\"\" class=\"wp-image-8065\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/GRAV2-1024x346.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/GRAV2-300x101.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/GRAV2-768x260.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/GRAV2-1536x519.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/GRAV2-2048x692.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><strong><em>Before starting this training, please make sure you\u2019ve already installed MAMP:<a rel=\"noreferrer noopener\" href=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/09\/16\/how-to-install-mamp\/\" data-type=\"URL\" data-id=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/09\/16\/how-to-install-mamp\/\" target=\"_blank\"> [tutorial here]<\/a><\/em><\/strong><\/p>\n\n\n\n<p><strong>Grav <\/strong>is an open source CMS focused on speed and simplicity. Unlike most other platforms like WordPress, Grav does not rely on a database. Instead, it uses a system of folders and markdown files for content. This makes Grav less robust and but still fairly flexible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1. Download Grav<\/h3>\n\n\n\n<p>Go to <a href=\"https:\/\/getgrav.org\/downloads\">https:\/\/getgrav.org\/downloads<\/a> and download the Grav Core + Admin. Unzip the file and move the copy to your MAMP Document Root folder.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"486\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/instal_grav_1-1024x486.png\" alt=\"\" class=\"wp-image-7520\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/instal_grav_1-1024x486.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/instal_grav_1-300x142.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/instal_grav_1-768x365.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/instal_grav_1-1536x729.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/instal_grav_1-2048x972.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>In the future for every new Grav site you want to create locally, you will need a new grav-admin directory. In other words, each site you have on your local machine should be built on a copy of this grav-admin folder.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2 &#8211; Change the Document Root in MAMP<\/h3>\n\n\n\n<p>In MAMP, go to Preferences and change the document root to point to the grav-admin folder you just unzipped.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"583\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_2-1024x583.png\" alt=\"\" class=\"wp-image-7521\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_2-1024x583.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_2-300x171.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_2-768x437.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_2.png 1058w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3 &#8211; Start MAMP &amp; Create Account<\/h3>\n\n\n\n<p>In MAMP, click Start. A MAMP page should automatically open as a new tab in your browser. If a new tab doesn\u2019t automatically open, click on the Webstart button in MAMP. <\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"352\" height=\"144\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/Screen-Shot-2021-09-17-at-2.33.55-PM.png\" alt=\"\" class=\"wp-image-7522\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/Screen-Shot-2021-09-17-at-2.33.55-PM.png 352w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/Screen-Shot-2021-09-17-at-2.33.55-PM-300x123.png 300w\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" \/><\/figure>\n\n\n\n<p>You can also type your localhost address into the address bar. Most Macs have the url be <a href=\"http:\/\/localhost:8888\/\">http:\/\/localhost:8888\/<\/a>. Your localhost url will depend on the Apache Port. You can check by going to MAMP and clicking on Preferences. Then go to Ports.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"818\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/Screen-Shot-2021-11-29-at-9.24.40-AM-1024x818.png\" alt=\"\" class=\"wp-image-8217\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/Screen-Shot-2021-11-29-at-9.24.40-AM-1024x818.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/Screen-Shot-2021-11-29-at-9.24.40-AM-300x240.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/Screen-Shot-2021-11-29-at-9.24.40-AM-768x613.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/11\/Screen-Shot-2021-11-29-at-9.24.40-AM.png 1062w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>The number you see as your Apache Port should go after &#8220;http:\/\/localhost:&#8221;<\/p>\n\n\n\n<p>Once you&#8217;ve opened the MAMP page, click on My Website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_3-1024x487.png\" alt=\"\" class=\"wp-image-7523\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_3-1024x487.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_3-300x143.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_3-768x365.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_3-1536x730.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_3-2048x974.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This should take you to a Grav create user page.\u00a0The URL for this page should be <a href=\"http:\/\/localhost:8888\/\">http:\/\/localhost:YOUR-APACHE-PORT<\/a>. Every time you work locally using MAMP, this will be the base URL.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"489\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_4-1024x489.png\" alt=\"\" class=\"wp-image-7524\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_4-1024x489.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_4-300x143.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_4-768x367.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_4-1536x734.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_4-2048x978.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Enter the necessary information and click Create User.&nbsp;<\/p>\n\n\n\n<p>You will be redirected to your Grav dashboard. Notice that the url is <a href=\"http:\/\/localhost:8888\/admin\">http:\/\/localhost:YOUR-APACHE-PORT\/admin<\/a>.\u00a0<\/p>\n\n\n\n<p>This is the Admin dashboard (the behind the scenes):<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_5-1024x487.png\" alt=\"\" class=\"wp-image-7525\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_5-1024x487.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_5-300x143.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_5-768x365.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_5-1536x731.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_5-2048x974.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>This is the Front-facing site (what the website actually looks like):<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"613\" src=\"https:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_6-1024x613.png\" alt=\"\" class=\"wp-image-7526\" srcset=\"http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_6-1024x613.png 1024w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_6-300x179.png 300w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_6-768x459.png 768w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_6-1536x919.png 1536w, http:\/\/sites.la.utexas.edu\/kb\/files\/2021\/09\/install_grav_6-2048x1225.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>In order to view the front-facing side of your site (what the typical user sees), go to <a href=\"http:\/\/localhost:8888\/\">http:\/\/localhost:YOUR-APACHE-PORT\/<\/a>.<\/li><li>To access your admin dashboard where you can edit content, manage accounts, and configure your site, go to <a href=\"http:\/\/localhost:8888\/admin\">http:\/\/localhost:YOUR-APACHE-PORT\/admin<\/a>.<\/li><\/ul>\n\n\n\n<p>Congrats! You\u2019ve successfully installed Grav!<\/p>\n\n\n\n<p><strong>Remember: <\/strong>Every time you want to work on a project, make sure that your Document Root in MAMP is pointing to the right site. For example, if I am working on my \u201cGrav Training Site\u201d, it should point to my Grav-Training-Site folder.<\/p>\n\n\n\n<p>To continue to the Gantry training: <a href=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/10\/07\/grav-building-your-own-site-using-gantry-5\/\" data-type=\"URL\" data-id=\"https:\/\/sites.la.utexas.edu\/kb\/2021\/10\/07\/grav-building-your-own-site-using-gantry-5\/\">https:\/\/sites.la.utexas.edu\/kb\/2021\/10\/07\/grav-building-your-own-site-using-gantry-5\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Before starting this training, please make sure you\u2019ve already installed MAMP: [tutorial here] Grav is an open source CMS focused on speed and simplicity. Unlike most other platforms like WordPress, Grav does not rely on a database. Instead, it uses &hellip; <a href=\"http:\/\/sites.la.utexas.edu\/kb\/2021\/09\/23\/installing-grav\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":700,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200714],"tags":[],"class_list":["post-7519","post","type-post","status-publish","format-standard","hentry","category-coding"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7519","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/700"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=7519"}],"version-history":[{"count":11,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7519\/revisions"}],"predecessor-version":[{"id":8221,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7519\/revisions\/8221"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=7519"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=7519"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=7519"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}