Add Codespaces to Community Cloud docs (#809)

* Add Codespaces to Community Cloud Quickstart

* Add instructions to edit with Codespaces

* Add links to Codespaces within Community Cloud

* Add link to Codespaces in Library Get started

* Style and typesetting

* Update What's new

* Typos and style

* Added Fork and edit page

Author: sfc-gh-dmatthews

content/library/get-started/index.md

@@ -21,9 +21,10 @@ operating system, and how to create your first Streamlit app!
   <InlineCallout color="violet-70" icon="auto_stories" bold="Multipage apps" href="/library/get-started/multipage-apps">
     teaches you how to add pages to your app, including how to define pages, structure and run multipage apps, and navigate between pages. Once you understand the basics, create your first multipage app based on the familiar <code>streamlit hello</code> command!
   </InlineCallout>
-  {/*<InlineCallout color="violet-70" icon="share" bold="Deploy an app" href="/library/get-started/deploy-an-app">
-    to Streamlit Community Cloud. With Streamlit Community Cloud your data team can directly serve the needs of the rest of the company. Quickly go from data to app, from prototype to production. Share apps in one click and collaborate instantly with live code updates.
-</InlineCallout>*/}
+  <p>If you want to skip past local installation, try out our Community Cloud <a href="/streamlit-community-cloud/get-started/quickstart">Quickstart</a> to quickly fork an app and jump into a codespace to develop in the cloud. Return to Streamlit library <a href="/library/get-started/main-concepts">Main concepts</a> to learn how to code a Streamlit app.</p>
+  <InlineCallout color="l-blue-70" icon="rocket_launch" bold="Quickstart" href="/streamlit-community-cloud/get-started/quickstart">
+  takes you through creating a Streamlit Community Cloud account. Once you have your account, fork and deploy a sample Streamlit app then jump into editing code with GitHub Codespaces. No installation required!
+  </InlineCallout>
 </InlineCalloutContainer>
 
 <NoteSplit

content/library/get-started/installation.md

@@ -5,6 +5,16 @@ slug: /library/get-started/installation
 
 # Install Streamlit
 
+<Note>
+
+### Skip installation! Community Cloud + GitHub Codespaces
+
+Community Cloud now makes it easy to skip installation and start coding right in your browser with GitHub Codespaces. 🎉 Hop over to our Community Cloud [Quickstart](/streamlit-community-cloud/get-started/quickstart) to create an account, deploy an example app, and jump right into a codespace to start editing. Return to [Main concepts](/library/get-started/main-concepts) to learn all about how Streamlit works.
+
+You can edit any app you've deployed on Community Cloud with GitHub Codespaces. See [Edit your app with GitHub Codespaces](/streamlit-community-cloud/manage-your-app/edit-your-app#edit-your-app-with-github-codespaces).
+
+</Note>
+
 ## Table of contents
 
 1. [Prerequisites](#prerequisites)

content/menu.md

@@ -443,6 +443,8 @@ site_menu:
     url: /streamlit-community-cloud/get-started/connect-your-github-account
   - category: Streamlit Community Cloud / Get started / Explore your workspace
     url: /streamlit-community-cloud/get-started/explore-your-workspace
+  - category: Streamlit Community Cloud / Get started / Fork and edit a public app
+    url: /streamlit-community-cloud/get-started/fork-and-edit-a-public-app
   - category: Streamlit Community Cloud / Get started / Trust and Security
     url: /streamlit-community-cloud/get-started/trust-and-security
   - category: Streamlit Community Cloud / Deploy your app
@@ -459,6 +461,8 @@ site_menu:
     url: /streamlit-community-cloud/manage-your-app/app-settings
   - category: Streamlit Community Cloud / Manage your app / Delete your app
     url: /streamlit-community-cloud/manage-your-app/delete-your-app
+  - category: Streamlit Community Cloud / Manage your app / Edit your app
+    url: /streamlit-community-cloud/manage-your-app/edit-your-app
   - category: Streamlit Community Cloud / Manage your app / Favorite your app
     url: /streamlit-community-cloud/manage-your-app/favorite-your-app
   - category: Streamlit Community Cloud / Manage your app / Reboot your app

content/streamlit-cloud/deploy-your-app/index.md

@@ -5,7 +5,7 @@ slug: /streamlit-community-cloud/deploy-your-app
 
 # Deploy your app
 
-Streamlit Community Cloud lets you deploy your apps in just one click, and most apps will deploy in only a few minutes. If you don't have an app ready to deploy, fork or clone one from our <a href="https://streamlit.io/gallery" target="_blank">App gallery</a> — you can find apps for machine learning, data visualization, data exploration, A/B testing and more.
+Streamlit Community Cloud lets you deploy your apps in just one click, and most apps will deploy in only a few minutes. If you don't have an app ready to deploy, fork or clone one from our <a href="https://streamlit.io/gallery" target="_blank">App gallery</a> — you can find apps for machine learning, data visualization, data exploration, A/B testing and more. You can also fork and deploy samples straight from the [New app button](/streamlit-community-cloud/get-started/explore-your-workspace#new-app-button). Once you've deployed your app, check out how you can [Edit your app with GitHub Codespaces](/streamlit-community-cloud/manage-your-app/edit-your-app#edit-your-app-with-github-codespaces).
 
 <Note>
 
@@ -37,27 +37,27 @@ your-repository/
 
 <Important>
 
-   Although you can deploy multiple apps from the same repository, there can be only one configuration file.
+Although you can deploy multiple apps from the same repository, there can be only one configuration file.
 
 </Important>
 
 ## Deploy your app
 
 1. From your workspace at <a href="https://share.streamlit.io" target="_blank">share.streamlit.io</a>, click "**New app**" from the upper-right corner of your workspace.
 
-    ![Deploy a new app from your workspace](/images/streamlit-community-cloud/deploy-empty-new-app.png)
+   ![Deploy a new app from your workspace](/images/streamlit-community-cloud/deploy-empty-new-app.png)
 
 2. Fill in your repo, branch, and file path. As a shortcut, you can also click "**Paste GitHub URL**" to paste a link directly to `your_app.py` on GitHub.
 
-    An app URL with a random hash is prefilled but you can change this to a custom subdomain instead. In the example below, the app would be deployed to `https://red-balloon.streamlit.app/`. You can always change your subdomain later. See more about [Custom subdomains](#custom-subdomains) at the end of this page.
+   An app URL with a random hash is prefilled but you can change this to a custom subdomain instead. In the example below, the app would be deployed to `https://red-balloon.streamlit.app/`. You can always change your subdomain later. See more about [Custom subdomains](#custom-subdomains) at the end of this page.
 
-    ![Fill in your app's information to deploy your app](/images/streamlit-community-cloud/deploy-an-app.png)
+   ![Fill in your app's information to deploy your app](/images/streamlit-community-cloud/deploy-an-app.png)
 
 ## Advanced settings for deployment
 
 3. (Optional) If you are connecting to a data source or want to specify the Python version for your app, you can do that by clicking "**Advanced settings**" before you deploy the app. Learn more about [Secrets management](/streamlit-community-cloud/deploy-your-app/secrets-management).
 
-    ![Advanced settings for deploying your app](/images/streamlit-community-cloud/deploy-an-app-advanced.png)
+   ![Advanced settings for deploying your app](/images/streamlit-community-cloud/deploy-an-app-advanced.png)
 
 <Tip>
 

content/streamlit-cloud/get-started/explore-your-workspace.md

@@ -9,10 +9,22 @@ If you just [created your account](/streamlit-community-cloud/get-started/create
 
 ![Your Streamlit Community Cloud workspace](/images/streamlit-community-cloud/workspace-empty.png)
 
+## Switching workspaces
+
 You may also find that you already have access to multiple Streamlit Community Cloud workspaces. Streamlit Community Cloud automatically groups your apps according to the corresponding GitHub repository's owner or organzation. In the upper-right corner you can see the workspaces you have access to. If apps have already been deployed from any of your repositories, then you will see those apps when you select the associated workspace in the upper-right corner. Learn more about how to [Manage your app from your workspace](/streamlit-community-cloud/manage-your-app#manage-your-app-from-your-workspace).
 
 ![Switch between your Streamlit Community Cloud workspaces](/images/streamlit-community-cloud/workspace-empty-switch.png)
 
+## New app button
+
+Your workspace is your base of operations to deploy apps and manage them. You can click on "**New app**" to [Deploy your app](/streamlit-community-cloud/deploy-your-app) from a repository where you have administrative privileges. If you want additional options, click the down arrow (<i style={{ verticalAlign: "-.25em" }} className={{ class: "material-icons-sharp" }}>expand_more</i>) to begin with a template.
+
+- "**Use existing repo**" is the default to [Deploy your app](/streamlit-community-cloud/deploy-your-app) from a repository where you have administrative privileges.
+- "**Create from sample app template**" will fork and deploy a <a href="https://github.com/streamlit/streamlit-example" target="_blank">simple, one-page Streamlit app</a>.
+- "**Create new app with GitHub Codespaces**" will fork and deploy our multipage <a href="https://github.com/streamlit/streamlit-hello" target="_blank">Streamlit Hello</a> app and create a codespace. To jump quickly into GitHub Codespaces for any of your deployed apps, see [Edit your app with GitHub Codespaces](/streamlit-community-cloud/manage-your-app/edit-your-app#edit-your-app-with-github-codespaces) instead.
+
+![Options to deploy a new app from your workspace in Streamlit Community Cloud](/images/streamlit-community-cloud/deploy-menu.png)
+
 ## Invite other developers to your workspace
 
 Inviting other developers is simple, just invite them to your GitHub repository so that you can code on apps together, and then have them log in to <a href="https://share.streamlit.io/signup" target="_blank">share.streamlit.io/signup</a>. Read more about connecting to a GitHub organization in [Organization access](/streamlit-community-cloud/get-started/connect-your-github-account#organization-access).

content/streamlit-cloud/get-started/fork-and-edit.md

@@ -0,0 +1,30 @@
+---
+title: Fork and edit a public app
+slug: /streamlit-community-cloud/get-started/fork-and-edit-a-public-app
+---
+
+# Fork and edit a public app
+
+Community Cloud is all about learning, sharing, and exploring the world of Streamlit. For apps with public repositories, you can quickly fork copies to your GitHub account, deploy your own version, and jump into a codespace on GitHub to start editing and exploring Streamlit code — all in the cloud so you don't have to install anything.
+
+1. From a forkable app, in the upper-right corner, click "<i style={{ verticalAlign: "-.25em" }} className={{ class: "material-icons-sharp" }}>fork_right</i> **Fork this app**."
+
+   ![Click Fork this app from a public app](/images/streamlit-community-cloud/fork-and-edit.png)
+
+2. Click "**Fork!**" The repository will be forked to your GitHub account. If you have already forked the repository or have another repository of the same name, the fork will fail. In this case, you can manually fork the repository on GitHub, then follow the instructions to [Deploy your app](/streamlit-community-cloud/deploy-your-app#deploy-your-app) and [Edit your app with GitHub Codespaces](/streamlit-community-cloud/manage-your-app/edit-your-app#edit-your-app-with-github-codespaces).
+
+   ![Click Fork to confirm](/images/streamlit-community-cloud/fork-codespace-1.png)
+
+3. Click "**Create codespace**" to confirm the creation of a codespace on your account. Read more about <a href="https://github.com/features/codespaces" target="_blank">GitHub Codespaces</a> to learn about monthly limits for free use and paid plans.
+
+   ![Create a codespace on your GitHub account](/images/streamlit-community-cloud/fork-codespace-2.png)
+
+4. Wait for GitHub to set up your codespace.
+
+   ![GitHub preparing your codespace](/images/streamlit-community-cloud/deploy-codespaces-3.png)
+
+5. GitHub will automatically execute the commands to launch your Streamlit app within your codespace. Your app will be visible in a "Simple Browser" on the right. This may take a minute to complete from when your codespace first appears on screen.
+
+   ![Your new GitHub Codespace](/images/streamlit-community-cloud/fork-cheatsheet-codespace.png)
+
+You now have a copy the public app deployed from your account. You can edit and explore within your codespace and (if you choose) commit your changes to your deployed app to share with the world! 🌎 Learn more about editing your app in GitHub Codespaces, commiting your edits to your repository, and shutting down your codespace in [Edit your app with GitHub Codespaces](/streamlit-community-cloud/manage-your-app/edit-your-app#edit-your-app-with-github-codespaces).

content/streamlit-cloud/get-started/index.md

@@ -13,7 +13,7 @@ First things first, you need to create your Streamlit Community Cloud account to
     <Tile
         icon="rocket_launch"
         title="Quickstart"
-        text="Create your account and deploy an example app as fast as possible. No frills."
+        text="Create your account and deploy an example app as fast as possible. Jump right into coding with GitHub Codespaces."
         link="/streamlit-community-cloud/get-started/quickstart"
     />
     <Tile