Astro Public My Restaurant Script Link May 2026
You have a generic website builder (WordPress, Wix, Squarespace) and a restaurant. You need a public script link to embed a third-party “My Restaurant” feature (e.g., GloriaFood, MenuDrive, or Toast Tab).
We will focus primarily on Scenario 1 (Astro.js) because it is the most searchable, developer-forward use case. We will then address Scenarios 2 & 3 in the troubleshooting section.
<header> <nav> <a href="/">Home</a> <a href="/menu">Menu</a> <a href="/reservations">Reservations</a> <a href="/contact">Contact</a> </nav> </header>
<style> header background: #1a1a1a; padding: 1rem; nav display: flex; gap: 2rem; justify-content: center; a color: white; text-decoration: none; font-weight: bold; a:hover text-decoration: underline; </style>astro public my restaurant script link
src/pages/index.astro
---
// Astro static build
const restaurantName = "My Restaurant";
---
<html>
<head>
<script src="/restaurant-widget.js" type="module"></script>
</head>
<body>
<astro-island name="MenuOrdering" component="../components/OrderButton.jsx" />
<script>
window.initRestaurantScriptLink(
menuUrl: "/api/menu",
orderWebhook: "/api/order"
);
</script>
</body>
</html>
Features designed to make managing the player character easier.
Run npm run build. The output is in the dist/ folder. Drag that folder into Netlify’s web interface. You’ll get a public link: https://your-restaurant.netlify.app. You have a generic website builder (WordPress, Wix,
The term "script link" is crucial here. In web development, a script link (usually a <script> tag) is a snippet of code that allows you to embed external functionality into your own website.
In the context of "Astro Public My Restaurant," the script link is a JavaScript embed code. Instead of sending customers to a third-party domain (like order.toasttab.com or yourrestaurant.astropublic.com), the script link allows you to pull the entire Astro Public ordering interface directly into your existing restaurant website. src/pages/index
*
margin: 0;
padding: 0;
box-sizing: border-box;
body
font-family: system-ui, 'Segoe UI', sans-serif;
background: #fefefe;
color: #222;
main
min-height: 70vh;
