Strata Real Estate & Leasing — Internal Reference

Claude & Netlify
Deployment Guide

How We Build, Deploy & Connect Everything at Strata
Prepared by Claude (Anthropic)  ·  Deployed via Netlify
Strata Real Estate & Leasing, LLC  ·  Joanne Singson Olimpo, Broker
Version 1.0  ·  2026  ·  Confidential — Internal Use Only
1
How the System Works
The Two Tools We Use

Every Strata digital resource — compliance books, client guides, presentations, the homepage, and marketing materials — was built using two tools working together:

Claude (by Anthropic) — claude.ai

Claude is the AI assistant that writes, builds, and generates all of Strata's HTML files. Every compliance book, client guide, presentation, homepage, email signature, and marketing document was created by Claude in response to instructions from the Broker. Claude produces the finished HTML file which is then downloaded and deployed.

Netlify — netlify.app

Netlify is the free hosting platform that makes Claude's HTML files available online as live websites. Each Strata resource lives on its own Netlify site with its own unique URL. No coding knowledge is required — files are deployed by dragging and dropping.

The Basic Workflow
1
Build in Claude
Open claude.ai and ask Claude to create or update a document. Claude produces a finished HTML file and presents a download link.
2
Download the File
Click the download link in Claude. The file saves to your Downloads folder.
3
Open in Edge & Save Correctly
Open the downloaded file in Microsoft Edge. Press Ctrl+S → change Save As Type to Webpage, HTML Only → name it index.html → save it.
4
Deploy to Netlify
Go to netlify.com → drag the folder (or zip file) to the deploy dropzone → Netlify publishes it instantly with a live URL.
5
Share the Link
The live URL (e.g. strata-buyer-guide.netlify.app) can be shared with clients, agents, or anyone who needs access.
Critical — Always Save as Webpage HTML Only

When saving in Edge, always choose Webpage, HTML Only — not "Webpage Complete" and not "Webpage Single File." The other options add extra files or embed resources differently and will break the layout on Netlify.

2
Deploying a Single HTML File

Most Strata resources — compliance books, guides, presentations, the homepage — are single HTML files. Here is the exact process to deploy them.

Step by Step
1
Download from Claude
Click the download link Claude provides. The file saves to your Downloads folder with a name like Strata_Buyer_Guide.html.
2
Open in Edge
Double-click the file to open it in Microsoft Edge. Check that it looks correct.
3
Save as index.html
Press Ctrl+S → Save As Type: Webpage, HTML Only → filename: index.html → choose a location you can find easily (Desktop works well).
4
Create a Named Folder
Create a new folder and name it exactly what you want the Netlify site to be called — e.g. strata-buyer-guide. Put index.html inside that folder.
5
Deploy to Netlify
Go to netlify.com → log in → click Add new site → Deploy manually → drag your folder onto the dropzone → wait for "Published."
6
Rename the Site
After deploying, click Site configuration → Change site name → enter the exact name (e.g. strata-buyer-guide) → save. Your site is now live at strata-buyer-guide.netlify.app.
Updating an Existing Site
1
Get the Updated File from Claude
Download the updated HTML from Claude, open in Edge, save as index.html (Webpage HTML Only).
2
Put in a Folder
Place the new index.html in a folder. The folder name doesn't matter for updates — only for new sites.
3
Redeploy
Go to Netlify → open the site → click the Deploys tab → drag your folder onto the deploy dropzone → confirm overwrite.
4
Hard Refresh
After deploying, press Ctrl+Shift+R on the live site to bypass browser cache and see the updated version.
3
Deploying with a PDF (Client Guides)

The 6 client guides each include a "Download PDF" button. For this button to work, the PDF must be deployed to Netlify alongside the HTML file. We use a zip file to deploy both files together.

How to Deploy HTML + PDF Together
1
Get Both Files from Claude
Claude provides both the HTML file and the PDF file. Download both.
2
Claude Zips Them Together
Claude creates a zip file containing index.html and the PDF (e.g. Strata_Buyer_Success_Guide.pdf) already packaged together. Download the zip.
3
Deploy the Zip to Netlify
Go to Netlify → open the site → Deploys tab → drag the zip file (not a folder) onto the dropzone. Netlify unpacks it automatically — both files go live together.
4
PDF Button Works
Because both files are in the same Netlify site, the Download PDF button in the HTML finds the PDF right next to it and works correctly.
Why the PDF Button Fails Without This

If you only upload the HTML file, the PDF button looks for Strata_Buyer_Success_Guide.pdf in the same location — and can't find it. Both files must live on the same Netlify site for the button to work. Always deploy as a zip when a PDF is involved.

4
Netlify Site Naming Convention

Every Strata Netlify site follows the same naming pattern: strata-[resource-name]. This keeps all sites organized under the Strata brand and makes URLs predictable and professional.

Rules for Naming
5
Complete Strata Site Directory
Compliance Library — 8 Books
BookTopicNetlify URL
Book 1Broker Office Management & Compliancestrata-book1-broker-compliance.netlify.app
Book 2Nevada Trust Accounts & Financial Controlsstrata-book2-trust-accounts.netlify.app
Book 3Property Management Operations & Proceduresstrata-book3-pm-operations.netlify.app
Book 4Nevada Leasing & PM Compliancestrata-book4-nv-pm-compliance.netlify.app
Book 5Leasing Operations & Formsstrata-book5-leasing-operations.netlify.app
Book 6Ethics, Professional Standards & Risk Managementstrata-book6-ethics.netlify.app
Book 7Sales Operations & Transaction Managementstrata-book7-sales-operations.netlify.app
Book 8Marketing, Brand Development & Lead Generationstrata-book8-marketing.netlify.app
Client Guides — 6 Guides
GuideNetlify URL
Buyer Guidestrata-buyer-guide.netlify.app
Seller Guidestrata-seller-guide.netlify.app
Investor Guidestrata-investor-guide.netlify.app
Leasing Guidestrata-leasing-guide.netlify.app
New Construction Guidestrata-new-construction-guide.netlify.app
Relocation Guidestrata-relocation-guide.netlify.app
Presentations — Online Readers & Printable Versions
PresentationOnline Reader URLPrintable URL
Listing Presentationstrata-listing-reader.netlify.appstrata-listing-presentation.netlify.app
Buyer Consultationstrata-buyer-reader.netlify.appstrata-buyer-consultation.netlify.app
PM Proposalstrata-pm-reader.netlify.appstrata-pm-proposal.netlify.app
Marketing & Brand Resources
ResourceNetlify URL
Strata Resource Hub (Homepage)strata-hub.netlify.app
Brand Profile & Logo Guidestrata-brand-profile.netlify.app
Marketing Plan 2026strata-marketing-plan.netlify.app
Social Media Playbookstrata-social-playbook.netlify.app
Email Signature Templatesstrata-email-signature.netlify.app
6
Connecting Everything to stratareal.com

Every Strata document built in Claude includes a link back to www.stratareal.com — the official brokerage website. Here is how these connections work and how to maintain them.

How the STRATA Brand Link Works

In every compliance book, guide, and presentation, the STRATA text or logo in the top navigation bar is a clickable link that takes users to https://www.stratareal.com. This is built into every file Claude creates so that clients and agents always have a path back to the main website.

The Standard Nav Link in Every Document

Every Claude-built Strata document contains this in the navigation bar:

<a href="https://www.stratareal.com" class="top-nav-brand">STRATA</a>

This means clicking STRATA in any book or guide always opens stratareal.com in the browser.

The Strata Hub — The Central Connection Point

The Strata Resource Hub (strata-hub.netlify.app) is the central page that connects every resource. It contains links to all 8 compliance books, all 6 client guides, all 3 presentations, and all marketing resources. The hub itself links back to stratareal.com in the footer.

How to Update a Link if a URL Changes
1
Tell Claude the Old and New URL
Open Claude and say "Update the link from [old URL] to [new URL] in [document name]." Claude will make the change and provide an updated file.
2
Download and Redeploy
Download the updated file, save as index.html in Edge (Webpage HTML Only), and redeploy to the Netlify site.
3
Update the Hub
If a Netlify site name changes, always update strata-hub as well so the homepage stays current. Ask Claude to update the homepage link and redeploy the hub.
If stratareal.com Ever Changes Domain
Important

If stratareal.com ever moves to a new domain, you will need to update the STRATA nav link in all 8 compliance books, all 6 client guides, all 3 presentations, and the homepage. Tell Claude "Update the stratareal.com link to [new domain] in all documents" and Claude will update each file. Redeploy each one to Netlify.

7
Working with Claude
How to Access Claude
How to Ask Claude to Build or Update Documents
1
Be Specific
Tell Claude exactly what you need: "Build a compliance book about [topic] in the Strata brand colors (#283B62 navy, #C39A6B gold) with a sidebar and progress bar like the existing books."
2
Upload Reference Files
If updating an existing document, upload the current HTML file to Claude first. Claude can read it, understand the existing design, and make precise changes.
3
Request the Download
Claude will present a download link when the file is ready. Click it to save the file.
4
Ask for Corrections
If something looks wrong after deploying, describe the issue to Claude and upload the file. Claude will fix it and provide an updated download.
Strata Brand Standards to Always Reference
Official Strata Brand Colors

Primary Navy: #283B62  ·  Logo Navy: #1D437F  ·  Logo Gold: #C39A6B

Steel Blue: #616E89  ·  Periwinkle: #B8C2D8  ·  Warm Tan: #D1B995

Fonts: Georgia serif for headings · Arial sans-serif for labels and UI

License: NVRE Lic: B.1002625  ·  PM Permit: PM.0168016.BKR

Broker: Joanne Singson Olimpo, Broker

Contact: (702) 722-8833  ·  info@stratareal.com  ·  joanne@stratareal.com

Address: 8704 West Charleston Blvd. #105-A, Las Vegas, NV 89117

Common Requests to Make to Claude
What You NeedWhat to Say to Claude
New compliance book"Build a new Strata compliance library book about [topic] matching the style of Book 7"
Update colors"Update the CSS colors in this file to the official Strata brand colors" + upload file
Fix sidebar links"The sidebar links don't work — rebuild this file with the proven scroll fix" + upload file
Add a section"Add a new section about [topic] to Book 1" + upload the book file
Generate a PDF"Generate a PDF of this HTML guide" + upload the file
Update a link"Change [old URL] to [new URL] in this file" + upload the file
New client guide"Build a new Strata client guide for [audience] matching the style of the Buyer Guide"
8
Troubleshooting Common Issues
ProblemCauseFix
Sidebar links don't workOld scroll fix or inline onclick handlersUpload file to Claude — ask to "rebuild with the proven scroll fix from Book 7"
Layout looks broken on NetlifySaved as wrong file typeRe-save in Edge as Webpage, HTML Only — not Complete or Single File
PDF download button doesn't workPDF not deployed alongside HTMLAsk Claude to zip HTML + PDF together — deploy the zip to Netlify
Site shows old version after updateBrowser cachePress Ctrl+Shift+R to hard refresh the page
Netlify says "Please upload a folder, zip, or HTML file"Tried to upload a raw PDF or wrong file typeWrap in HTML page — ask Claude to create a zip with an index.html wrapper
Wrong colors on deployed siteOld color palette still in CSSUpload file to Claude — ask to "update to official Strata brand colors"
Link on homepage goes nowhereNetlify site name doesn't match the linkCheck exact Netlify site name — tell Claude the correct name to update the homepage link
Changes lost after sessionClaude starts fresh each conversationAlways save and deploy files after each Claude session — Claude cannot recover unsaved work
Golden Rule

Always save and deploy after every Claude session. Claude's memory resets between conversations — once a session ends, only the deployed Netlify version and your saved Google Drive files are permanent. If something goes wrong, upload the last deployed version back to Claude and continue from there.

Strata Real Estate & Leasing
Built with Claude · Hosted on Netlify
Connected to stratareal.com
Joanne Singson Olimpo, Broker  ·  NVRE Lic: B.1002625  ·  PM Permit: PM.0168016.BKR
8704 West Charleston Blvd. #105-A  ·  Las Vegas, NV 89117
(702) 722-8833  ·  info@stratareal.com  ·  www.stratareal.com

Confidential — Internal Use Only  ·  Version 1.0  ·  2026