Dynamic website

Deploy a dynamic website

Build, deploy, run, and operate a dynamic website leveraging responsive web frameworks and familiar languages.
New customers get $300 in free credits to spend deploying this solution
Who this is for
Developers and Cloud learners
What you’ll deploy
A sample dynamic website with open source code on Google Cloud
How you’ll deploy
Once you’ve signed up for Google Cloud, you can deploy through the console or GitHub.
Overview

What is a dynamic website?

A dynamic website is a website that changes as users interact with it. Dynamic websites allow for things like showing real time inventory and personalization by user.

What are the differences between dynamic and static websites?

Static websites contain stable content, and display the exact same thing to every visitor, while dynamic websites display an experience that updates automatically every time it is visited.

What are different types of dynamic web pages?

There are two types of dynamic web pages: client-side scripting and server-side scripting. A client-side scripting page triggers changes based on user actions on the web page, and a server-side scripting page changes when the page gets loaded or visited.

What are some examples of dynamic websites?

Most websites today are dynamic websites, such as e-commerce sites, social media sites like blogs, entertainment sites, and news sites.

What are the benefits of a dynamic website?

There are multiple benefits of a dynamic website. First of all, updating a dynamic website is much easier than updating a static website since there is no need to recreate or redeploy the entire site. It also makes it possible to personalize your website’s content to individual visitors for better engagement and conversion, and offers more flexibility for building richer features and functionalities.
Solution Details
Solution Architecture
  1. The user connects to the application.
  2. The web client calls an API backend written in Python that is running as a Cloud Run service.
  3. The configuration and other secrets for the Python application are stored in Cloud Secrets Manager.
  4. Static assets for the application, and container images are stored in Cloud Storage.
  5. CloudSQL for PostgreSQL is used as the relational database backend for the Python application.
Deploy a dynamic website using Python and Javascript
Google Cloud Experience Level
Beginner
Estimated deployment time
10 min
2 min to configure, 8 min to deploy
New customers get $300 in free credits to fully explore and conduct an assessment of Google Cloud.
Requirements
  • Active Google Cloud account
  • Administrator rights to your project
Solution Architecture
  1. Mobile and Web Users connect to the application via a URL.
  2. Cloud CDN serves cached assets if available. If not, request is routed to Cloud Load Balancing.
  3. For static assets, Load Balancing pulls from Cloud Storage bucket.
  4. For dynamic resources, Load Balancing directs requests to Cloud Run.
  5. Sensitive values are provided to Cloud Run using environment variables stored in Secret Manager.
  6. Cloud Run queries user data from Firestore, a NoSQL database backend for the web application.
Solution Architecture
  1. User requests are routed to Cloud Load balancing.
  2. Requests are routed to the app’s GKE cluster, through the load balancer to the pods running three Spring Boot Java services.
  3. The api-server hosts the VueJS front end and calls out to the inventory or payment services as needed.
  4. The inventory and payment services call out to external services like Cloud Spanner as needed.
Dynamic web app with Java
Google Cloud experience level
Intermediate
Estimated deployment time
22 min
2 min to configure, 20 min to deploy
New customers get $300 in free credits to fully explore and conduct an assessment of Google Cloud.
Requirements
  • Active Google Cloud account
  • Administrator rights to your project
Google Cloud
  • ‪English‬
  • ‪Deutsch‬
  • ‪Español‬
  • ‪Español (Latinoamérica)‬
  • ‪Français‬
  • ‪Indonesia‬
  • ‪Italiano‬
  • ‪Português (Brasil)‬
  • ‪简体中文‬
  • ‪繁體中文‬
  • ‪日本語‬
  • ‪한국어‬
Console
Google Cloud