{"id":4110,"date":"2024-09-01T10:41:55","date_gmt":"2024-09-01T02:41:55","guid":{"rendered":"https:\/\/five.co\/?p=4110"},"modified":"2026-04-03T16:00:57","modified_gmt":"2026-04-03T08:00:57","slug":"getting-started-faq","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/blog\/getting-started-faq\/","title":{"rendered":"How To: Getting Started and Previewing Applications"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Getting Started with Five<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hi and welcome to Five! This blog post teaches you <strong>how to get started with Five<\/strong> and <strong>how to preview your application<\/strong>. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"background-color: #001524;\"><hr style=\"height: 5px;\" \/>\n<pre style=\"text-align: center; overflow: hidden; white-space: pre-line;\"><span style=\"color: #f1ebda; background-color: #4588d8; font-size: calc(18px + 0.390625vw);\"><strong>Rapidly Build and Deploy Web Apps<\/strong><br \/><span style=\"font-size: 14pt;\">Sign up for a free trial<\/span><\/span><\/pre>\n<p style=\"text-align: center;\"><a href=\"https:\/\/preview-php85.dzine.org\/five\/get-started\" target=\"_blank\" rel=\"noopener\"><button style=\"background-color: #f8b92b; border: none; color: black; padding: 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; cursor: pointer; margin: 4px 2px; border-radius: 5px;\"><strong>Get Instant Access<\/strong><\/button><br \/><\/a><\/p>\n<hr style=\"height: 5px;\" \/><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">1. How can I access my development environment?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When signing up for a free trial, you select a site prefix for your development environment. This site prefix is part of your development environment&#8217;s URL. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if you selected hello-world as a site prefix, your development environment&#8217;s URL is:<\/p>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\"><code>https:\/\/hello-world.5au.dev<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">2. How do I log in to my development environment?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Check your email (including its junk folder) for an email from <code>noreply@five.co<\/code> for your login credentials.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">3. I managed to log in to my development environment. What do I do next?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After you first log in, you land on our homepage. Now, click on <strong>Applications<\/strong> in the top left corner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"694\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-75-1024x694.png\" alt=\"\" class=\"wp-image-4111\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-75-1024x694.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-75-300x203.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-75-768x520.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-75.png 1308w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Next, add an application as described in our <a href=\"https:\/\/help.five.org\/2.7\/docs\/applications\/adding-managing-applications\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">documentation<\/a> here (also make sure to bookmark our documentation, as it contains many helpful tips for developing in Five).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Last, click on the blue <strong>Manage <\/strong>button to enter the development environment.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"617\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-76-1024x617.png\" alt=\"\" class=\"wp-image-4113\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-76-1024x617.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-76-300x181.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-76-768x463.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-76.png 1321w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">4. What application development features does Five give me?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Once you click on the blue <strong>Manage <\/strong>button, here is what you will see:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"148\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-78-1024x148.png\" alt=\"\" class=\"wp-image-4115\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-78-1024x148.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-78-300x43.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-78-768x111.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-78.png 1504w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Five uses layers to structure the development process. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. The <strong>Visual <\/strong>layer lets you define your user interface and contains forms, charts, dashboards, or reports, for example.<br>2. The <strong>Logic <\/strong>layer lets you define and create business logic by writing functions.<br>3. The <strong>Data <\/strong>layer lets you <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/creating-tables\/\">create your database tables<\/a>, and <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/external-databases\/\">connect to an external database<\/a> or API.<br>4. <strong>Tasks <\/strong>let you define recurring, time-based processes (jobs) or create email notifications.<br>5. <strong>Setup <\/strong>contains <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/custom-display-types\/\">custom display types<\/a>, user roles, permissions, and themes, for example.<br>6. <strong>Tools <\/strong>let you manage the development process and contain a handy code search and an audit trail, for example.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Click on each of these menu items to discover Five&#8217;s features. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">5. What is the best first step to build my application?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">An application developed in Five requires a <strong>data source<\/strong>. That&#8217;s why the best place to start your development is the <strong>Data <\/strong>menu. For example, go to<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. <strong>Data &gt; Table Wizard <\/strong>to start <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/creating-tables\/\">creating database tables<\/a> in Five, or<br>2. <strong>Data &gt; Databases <\/strong>to <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/external-databases\/\">connect Five to an external database<\/a>, or<br>3. <strong>Data &gt; Connection Wizard<\/strong> to connect Five to a REST API as a data source.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">6. How do I preview my application?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Five lets you launch (or <em>deploy<\/em>) your application at any time. To do so, click the blue <strong>Manage<\/strong> button, and then click on <strong>Deploy to Development<\/strong> in the top right corner, as shown here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"507\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-79-1024x507.png\" alt=\"\" class=\"wp-image-4116\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-79-1024x507.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-79-300x148.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-79-768x380.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-79.png 1516w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">Once the first deployment has been created, the <strong>Deploy to Development <\/strong>button is replaced by three buttons, as shown here:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img width=\"1024\" height=\"507\" src=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-80-1024x507.png\" alt=\"\" class=\"wp-image-4117\" srcset=\"https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-80-1024x507.png 1024w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-80-300x149.png 300w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-80-768x380.png 768w, https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/image-80.png 1518w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\">To preview your application, click the <strong>Run <\/strong>\u25b6\ufe0f button (the first button from the left in the image above). This opens up your application in a new tab in your browser (make sure your browser allows pop-ups for this to happen).<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">7. Whom can I reach out to for help or questions?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you are struggling to log in or have a question about developing applications in Five, visit our <a href=\"https:\/\/help.five.org\/2.7\/docs\/getting-started\/quick-start-guide\/create-an-application\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">documentation<\/a> or <a href=\"https:\/\/five.org\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">post a question on our community.<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">8. Now that I am familiar with the basics, how do I continue?<\/h3>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Continue developing your application by <a href=\"https:\/\/preview-php85.dzine.org\/five\/blog\/creating-tables\/\">creating database tables, as explained here. <\/a><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Getting Started with Five Hi and welcome to Five! This blog post teaches you how to get started with Five and how to preview your application. Rapidly Build and Deploy Web AppsSign up for a free trial Get Instant Access 1. How can I access my development environment? When signing up for a free trial, [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":4118,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_eb_attr":"","_uag_custom_page_level_css":"","footnotes":""},"categories":[21,49],"tags":[],"class_list":["post-4110","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-how-to"],"acf":[],"uagb_featured_image_src":{"full":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps.jpg",1280,720,false],"thumbnail":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps-150x150.jpg",150,150,true],"medium":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps-300x169.jpg",300,169,true],"medium_large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps-768x432.jpg",768,432,true],"large":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps-1024x576.jpg",1024,576,true],"1536x1536":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps.jpg",1280,720,false],"2048x2048":["https:\/\/preview-php85.dzine.org\/five\/wp-content\/uploads\/2024\/09\/Five.Co-Get-Started-and-Preview-Apps.jpg",1280,720,false]},"uagb_author_info":{"display_name":"Dominik Keller","author_link":"https:\/\/preview-php85.dzine.org\/five\/author\/f1v5_ed3_my\/"},"uagb_comment_info":0,"uagb_excerpt":"Getting Started with Five Hi and welcome to Five! This blog post teaches you how to get started with Five and how to preview your application. Rapidly Build and Deploy Web AppsSign up for a free trial Get Instant Access 1. How can I access my development environment? When signing up for a free trial,&hellip;","_links":{"self":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/4110","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/comments?post=4110"}],"version-history":[{"count":1,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/4110\/revisions"}],"predecessor-version":[{"id":17491,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/posts\/4110\/revisions\/17491"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media\/4118"}],"wp:attachment":[{"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/media?parent=4110"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/categories?post=4110"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/preview-php85.dzine.org\/five\/wp-json\/wp\/v2\/tags?post=4110"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}