feat: add Coder registry links to template creation and editing

f0ssel · claude · f0ssel · commit 81eb7fd62448 · 2025-06-30T16:39:07.000-04:00
Add links to https://registry.coder.com in two locations: - "Browse Templates" card on starter templates page - "Browse Modules" button in template editor topbar This provides users with easy access to community templates and modules as a short-term solution before full registry integration. 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
diff --git a/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPageView.tsx b/site/src/pages/CreateTemplateGalleryPage/CreateTemplateGalleryPageView.tsx
@@ -72,6 +72,39 @@ export const CreateTemplateGalleryPageView: FC<
 								</CardContent>
 							</CardActionArea>
 						</Card>
+						<Card variant="outlined" css={{ width: 320, borderRadius: 6 }}>
+							<CardActionArea
+								component="a"
+								href="https://registry.coder.com"
+								target="_blank"
+								rel="noopener noreferrer"
+								sx={{ height: 115, padding: 1 }}
+							>
+								<CardContent>
+									<Stack
+										direction="row"
+										spacing={3}
+										css={{ alignItems: "center" }}
+									>
+										<div css={styles.icon}>
+											<ExternalImage
+												src="/emojis/1f4da.png"
+												css={{
+													width: "100%",
+													height: "100%",
+												}}
+											/>
+										</div>
+										<div>
+											<h4 css={styles.cardTitle}>Browse Templates</h4>
+											<span css={styles.cardDescription}>
+												Discover community templates on the Coder registry
+											</span>
+										</div>
+									</Stack>
+								</CardContent>
+							</CardActionArea>
+						</Card>
 					</div>
 				</Stack>
 
diff --git a/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx b/site/src/pages/TemplateVersionEditorPage/TemplateVersionEditor.tsx
@@ -274,6 +274,16 @@ export const TemplateVersionEditor: FC<TemplateVersionEditorProps> = ({
 							/>
 						</div>
 
+						<TopbarButton
+							component="a"
+							href="https://registry.coder.com"
+							target="_blank"
+							rel="noopener noreferrer"
+							variant="outline"
+						>
+							Browse Modules
+						</TopbarButton>
+
 						<TopbarButton
 							variant="default"
 							disabled={dirty || !canPublish}
