Your AI Agents can now act on comments added in BugSmash with our MCP. See How it works.
Collect visual feedback on a website built with Gatsby. Create a BugSmash Website project with a public URL or a site protected by Basic Auth, then share its review link for contextual comments. Other application logins, SSO, CAPTCHA, VPN and network restrictions may require the Feedback Widget or HTML workflow. This is not a native Gatsby integration: BugSmash reviews the resulting browser page and does not connect to Gatsby itself. Use a hosted production build that supports the site's SSG, DSG and SSR requirements. Local gatsby serve, application authentication and hosting access remain separate controls. https://your-gatsby-site.com Platform clarification: this is a generic BugSmash Website project workflow, not a native Gatsby integration. Public URLs and supported Basic Auth sites can use the Website project workflow.
Get client feedback on your Gatsby site
Paste a browser-accessible Gatsby deployment, send one review link, and collect comments on the pages and application states people will actually see. Every note keeps its page, browser, device and screenshot context.
Loved by1,250+Agenciesand companies in 100+ countries
Gatsby's rendering mode determines what the deployment must provide.
gatsby build creates production-ready output and writes deployable files to the public directory. Gatsby also supports Static Site Generation (SSG), Deferred Static Generation (DSG) and Server-Side Rendering (SSR); SSR requires a running Node.js server.
Four boundaries keep the review representative:
01
gatsby develop is not the production build.
The development command prioritizes rapid feedback and debugging. Use gatsby build and review the output or a deployment produced from it.
02
gatsby serve is a local test of the build.
Gatsby documents gatsby serve as a way to test compiled output. A local server is not directly reachable by external reviewers without a secure tunnel.
03
DSG and SSR need compatible hosting.
DSG builds a page on its first request, while SSR renders on each request and requires a Node.js server. Confirm the chosen host supports the rendering features in use.
04
Access rules remain in charge.
Pasting a URL does not bypass deployment access, application authentication, or hosting controls. Reviewers need permission to open protected routes and previews.
BugSmash adds the review layer around the hosted result:
review browser-visible routes, keep comments attached to the rendered interface, and preserve decisions separately from Gatsby and its deployment platform.
How it works
Three steps to a reviewed Gatsby site
11
Build and deploy the release
Run the production build and deploy it to a host that supports the site's SSG, DSG or SSR requirements, then check every route in scope.
22
Send one review link
Paste the accessible deployment URL into BugSmash and share the generated link. Reviewers comment on the rendered site without repository or hosting access.
33
Resolve feedback with its context
Each item keeps the page URL, selected element, screenshot, browser and device so the team can reproduce the report.
Review the production Gatsby build on its real hosting target
Comment on rendered pages
Attach feedback to the visible page instead of translating it into a template or component description.
Review responsive layouts
Check desktop, tablet and mobile views and retain the viewport with each report.
Capture browser context
The page URL, browser, device and screenshot arrive with every comment.
Cover SSG, DSG and SSR routes
Review each rendering mode on a host that supports its runtime behavior.
Keep deployment sign-off
Preserve decisions independently of later builds, content changes or adapter and hosting updates.
Route work to the right owner
Turn visual feedback into work for content, design, frontend or platform teams with its original context.
Will it work on my Gatsby deployment?
BugSmash reviews a browser-accessible Gatsby deployment. Rendering mode, hosting capabilities and access controls determine which routes reviewers can reach.
Your URL
Review by URL
What to do
Public Gatsby SSG deployment
Works
Paste the hosted production-build URL and review the generated pages.
Public DSG or SSR deployment
Works
Use a host that supports the selected rendering feature, then review the deployed routes.
Accessible deploy preview
Works
Share the preview URL after confirming its build and runtime match the release.
Preview protected by supported Basic Auth
Works
Provide the permitted Basic Auth credentials through the supported review flow.
gatsby develop or local gatsby serve
Not directly
Deploy the build or expose the local server through a secure HTTPS tunnel.
Routes behind application login or SSO
Use the Widget
Install the Feedback Widget in the site so reviewers can comment while remaining inside the authenticated browser session.
Using the BugSmash Feedback Widget in a Gatsby site
Add the BugSmash script to the browser-facing Gatsby site when reviewers must remain inside authenticated, personalized or long-lived client state. Install it in the rendered UI used by the routes under review.
The feedback workflow for teams using Gatsby
Keep content, design, engineering and QA reviewing the same production build and hosting behavior.
Ship faster togetherThe all-in-one workspace for product teams.
Get started free
MayaMake this hero image full-bleed
Live WebsiteURL
product-launch.mp4
0:42 / 3:15
LeoTrim the intro to 0:03
VideoMP4
sneaker.glb
AvaSmooth these edges a bit
3D ModelGLB · GLTF
Quarterly Review
Q3 Performance
Revenue up 24%1.2k new usersNPS score 62Churn down 3%
BugSmash3 / 18
SamUpdate the Q3 numbers
Slide DeckPPT
Your summer sale starts now 🌞
A
Acme Store
to you
9:24 AM
Up to 40% off
Summer essentials, restocked
Shop the sale
NoahStronger CTA copy here
EmailHTML
9:41
Good morning
Dashboard
Balance
$4,280
ZoeAlign the chart legend
Mobile AppAndroid · iOS
Annual Report2025 in review
This year marked our strongest period of growth to date. Revenue climbed 42% year over year while our customer base expanded across eleven new markets, driven by continued investment in product.
Fig 1. Coastal expansion, 2025
Operational efficiency improved as automated workflows reduced manual review time by nearly a third. Looking ahead, we plan to double down on infrastructure, deepen key partnerships, and ship the roadmap our customers have been asking for.
Use a deployment made from gatsby build for sign-off. Gatsby documents develop as optimized for rapid feedback and debugging, while build creates production-ready output.
Where does Gatsby put the production output?
A successful Gatsby build places the deployment files in the public directory at the project root.
Can I review SSG, DSG and SSR pages?
Yes when the hosting platform supports the selected mode. SSG is built ahead of time, DSG waits until the first request for selected pages, and SSR renders on each request.
Does Gatsby SSR need a server?
Yes. Gatsby's SSR documentation states that server-rendered pages require a running Node.js server.
Is gatsby serve a production hosting requirement?
No. Gatsby documents it as a way to test compiled output locally. SSR can run with gatsby serve, but production use also requires the operational infrastructure appropriate to a running Node.js server.
Can I review an accessible deploy preview?
Yes. Confirm the preview uses the production build and supports every SSG, DSG or SSR route included in the review.
Can reviewers test protected routes?
Use the Feedback Widget inside the deployed site for authenticated or stateful routes. Reviewers still need permitted access and suitable test data; BugSmash does not bypass authentication, SSO, CAPTCHA, VPN or hosting controls.
Do reviewers need repository or Gatsby configuration access?
No. They review the deployed browser interface. The site owner remains responsible for the build, hosting and access configuration.
Ship Gatsby sites without chasing feedback
Paste an accessible Gatsby deployment URL and send the first review link in under a minute.
BugSmash adds the review layer around the hosted result:
Jira
ClickUp
Monday
Asana
Trello
Slack
Linear
Todoist
Notion
Airtable
Zapier
Make
n8n
Webhooks
MayaMake this hero image full-bleed
product-launch.mp4
LeoTrim the intro to 0:03
AvaSmooth these edges a bit
SamUpdate the Q3 numbers
Up to 40% off
NoahStronger CTA copy here
ZoeAlign the chart legend
EllaTighten this paragraph
TheoBoost the warm tones
MiaCut the dead air at 1:12