.. toctree::
   :maxdepth: 1
   :hidden:

   access_app_state/access_app_state
   add_web_ui/index
   add_web_link
   secrets <../glossary/secrets>
   arrange_tabs/index
   connect components <../levels/intermediate/connect_lightning_components>
   build components <../levels/basic/build_a_lightning_component>
   run_work_once
   cloud compute <../core_api/lightning_work/compute>
   build_command_line_interface/index
   rest API <../glossary/restful_api/restful_api>
   extend_app
   build_lightning_component/publish_a_component
   byoc/index
   ssh/index
   add_server/index
   run_app_on_cloud/index
   run_work_in_parallel
   drive <../glossary/storage/drive>
   share_app
   share_files_between_components

#######
How to:
#######

.. raw:: html

    <div class="display-card-container">
        <div class="row">

.. displayitem::
   :header: Access the App State
   :description: Learn to work with the app state
   :col_css: col-md-4
   :button_link: access_app_state/access_app_state.html
   :height: 180

.. displayitem::
   :header: Add a web user interface
   :description: Learn how to add React, StreamLit, Dash to your App.
   :col_css: col-md-4
   :button_link: add_web_ui/index.html
   :height: 180

.. displayitem::
   :header: Add a web link
   :description: Learn how to embed external websites
   :col_css: col-md-4
   :button_link: add_web_link.html
   :height: 180

.. displayitem::
   :header: Add encrypted secrets
   :description: Learn how to organize your UI
   :col_css: col-md-4
   :button_link: ../glossary/secrets.html
   :height: 180

.. displayitem::
   :header: Arrange App tabs
   :description: Learn how to organize your UI
   :col_css: col-md-4
   :button_link: arrange_tabs/index.html
   :height: 180

.. displayitem::
   :header: Build a Lightning App
   :description: Simple App to get started
   :col_css: col-md-4
   :button_link: ../levels/basic/connect_lightning_components.html
   :height: 180

.. displayitem::
   :header: Build a Lightning Component
   :description: Understand how to separated the glue from the actual work
   :col_css: col-md-4
   :button_link: ../levels/basic/build_a_lightning_component.html
   :height: 180

.. displayitem::
   :header: Cache Work run calls
   :description: Understand how to trigger a work run method
   :col_css: col-md-4
   :button_link: run_work_once.html
   :height: 180

.. displayitem::
   :header: Customize your cloud compute
   :description: Select machines to run on
   :col_css: col-md-4
   :button_link: ../core_api/lightning_work/compute.html
   :height: 180

.. displayitem::
   :header: Develop a Command Line Interface (CLI)
   :description: Learn to develop a CLI
   :col_css: col-md-4
   :button_link: build_command_line_interface/index.html
   :height: 180

.. displayitem::
   :header: Develop a Lightning App
   :description: Learn to connect components together into a Lightning App
   :col_css: col-md-4
   :button_link: ../levels/basic/connect_lightning_components.html
   :height: 180

.. displayitem::
   :header: Develop a REST API
   :description: Learn to deploy a model behind a REST API
   :col_css: col-md-4
   :button_link: ../glossary/restful_api/restful_api.html
   :height: 180

.. displayitem::
   :header: Extend an existing App
   :description: Learn where to go next with an App
   :col_css: col-md-4
   :button_link: extend_app.html
   :height: 180

.. displayitem::
   :header: Publish a Lightning Component
   :description: Share your components with others
   :col_css: col-md-4
   :button_link: build_lightning_component/publish_a_component.html
   :height: 180

.. displayitem::
   :header: Run Apps on your cloud account (BYOC)
   :description: Share your components with others
   :col_css: col-md-4
   :button_link: byoc/index.html
   :height: 180

.. displayitem::
   :header: Run a server within a Lightning App
   :description: Lightning Work can be infinite jobs
   :col_css: col-md-4
   :button_link: add_server/index.html
   :height: 180

.. displayitem::
   :header: Run an App on the cloud
   :description: Learn how to get things done in the cloud with ease
   :col_css: col-md-4
   :button_link: run_app_on_cloud/index.html
   :height: 180

.. displayitem::
   :header: Run Works in parallel
   :description: Learn how to make your Work non blocking
   :col_css: col-md-4
   :button_link: run_work_in_parallel.html
   :height: 180

.. displayitem::
   :header: Save files
   :description: Learn how to save files in a work by using Drive
   :col_css: col-md-4
   :button_link: ../glossary/storage/drive.html
   :height: 180

.. displayitem::
   :header: Share an App
   :description: Learn how to share your work with others
   :col_css: col-md-4
   :button_link: share_app.html
   :height: 180

.. displayitem::
   :header: Share files between components
   :description: Learn how Lightning Storage emulates a single filesystem in a distributed setting
   :col_css: col-md-4
   :button_link: share_files_between_components.html
   :height: 180

.. displayitem::
   :header: Debug cloud apps via SSH
   :description: Learn how to get SSH access to your App
   :col_css: col-md-4
   :button_link: ssh/index.html
   :height: 180


.. raw:: html

        </div>
    </div>
