detikCourse - AI Class

Explore

Eps 3 - Advanced ChatGPT Application

Sec 2 - Quickstart Streamlit Cloud

Quickstart

This is a concise set of steps to create your Streamlit Community Cloud account, deploy a sample app, and start editing it with GitHub Codespaces. For other options and complete explanations, start with

Create your account⁠

You will be signing in to your Google and GitHub accounts during this process. If you do not already have these accounts, you can create them before you begin. If you do not want to use a Google account, you can

create your account with any email⁠

Sign up for Streamlit Community Cloud

Go to

share.streamlit.io/signup⁠

Click "Continue with Google".

⁠

Enter your Google credentials and follow Google's authentication prompts.

After authenticating with Google, click "Connect GitHub account".

⁠

Enter your GitHub credentials and follow GitHub's authentication prompts.

Click "Authorize streamlit".

⁠

To finish, fill in your information and click "Continue" at the bottom of the screen.

⁠

You will be taken to your Streamlit workspace. If you see a warning icon (warning) next to "Settings" in the upper-right corner, this will be addressed in the next steps.

⁠

Create a new app with GitHub Codespaces

Click the down arrow to expand the options under "New App".

⁠

Click "Create new app with GitHub Codespaces".

⁠

You will be prompted that "Streamlit is requesting additional permissions". Click "Authorize streamlit".

⁠

The

Streamlit Hello⁠

repository will be forked to your GitHub account. Fill in a repository name and click "Create!"

⁠

Click "Create new codespace" to confirm the creation of a codespace on your GitHub account. Read more about

GitHub Codespaces⁠

the learn about monthly limits for free use and paid plans.

⁠

Wait for GitHub to set up your codespace.

⁠

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.

⁠

Edit your app in GitHub Codespaces

Go to the app's main file (Hello.py) and add some text to the title in st.write(). Try typing ":balloon:" at the beginning.

⁠

Files are automatically saved in your codespace with each edit. Click "Always rerun" in the upper-right corner of your app to automatically rerun with each edit.