Deploying a S3/CloudFront hosted SPA to multiple stages

I was following the tutorial on deploying a cloudfront backed single page app as shown here:

Seeing that the deploy process creates an S3 bucket, it seems like it would use the same bucket even if I changed the stage. Adding the stage to the bucket name is one solution I thought of, but I’m not sure if that affects the serverless state files when trying to deploy between multiple stages. What is the best way to deploy if you want to use different buckets/distritbutions/? (like dev-serverless, prod-serverless)