Built with Next.js and Tailwind CSS
Next.jsReactCorporate Website
blackgyalbites-nextjs — Next.js Business Template
By blackgirlbytes
A no-touch restaurant menu template built with Next.js and Tailwind CSS, accessed via QR code and hostable on GitHub Pages.
Explore the design
Compare the page layouts and mobile experience. Open any screenshot for a closer look.
Desktop homepage1 / 2
Desktop captureTop of page
Actual screenshot captured by the server browser.
All pages & views 2
Screenshots show visual appearance; interactive behavior may differ.
Recorded 2026-10-01View source
What stands out
A quick read of the recorded project description.
Provides three menu entry points: food, drinks, and catering
Designed for no-touch menu scenarios viewed via QR code
Hosted as a static site on GitHub Pages
Code is MIT licensed and can be freely modified and used
Template Details
blackgyalbites-nextjs is a restaurant menu display template built with Next.js and Tailwind CSS, hosted as a static site on GitHub Pages. The page provides three entry points: food menu, drinks menu, and catering menu, suitable for customers to view the menu on their phones after scanning a QR code.
The project is owned by Rizel Scarlett, with design by The Holistic Technologist and illustrations by Cuoc Doi Prints. The code is MIT licensed and can be freely forked, copied, modified, and used for any purpose. The README also provides links to a Canva menu design template and Google Drive asset downloads.
As a demo project, it mainly demonstrates how to build and host a static website with any framework; the repository also includes HTML/CSS and Astro versions of similar examples.
Next.jsCorporate website
Is it right for your project?
Use Cases
- Restaurant customers scanning a QR code to view the menu on their phones
- Developers learning how to build and host a static site with Next.js on GitHub Pages
- Small food and beverage settings that need to quickly set up a no-touch menu page
Suitable For
- Restaurants or food stalls needing a no-touch menu
- Developers wanting a reference for deploying a Next.js static site to GitHub Pages
- Users who want to modify a menu page based on an MIT-licensed template
Getting started & customization
Use these recorded setup notes alongside the repository instructions for your chosen version.
- 1
The repository code is MIT licensed; the copyright notice and license notice must be retained when distributing.
- 2
Third-party assets such as demo images, fonts, and icons must be checked separately under their respective licenses.
- 3
Hosting on external services such as GitHub Pages may incur additional costs.
License & source material
Usage conditions & limitations
Free to use · keep license noticeThis entry covers the free version in the public repository under the MIT license; the free scope applies to that version's code and does not mean external services or third-party assets are free.
Must comply with when using
- Free use, modification, commercial use, and distribution of this version's code are permitted.
- When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
- The code is provided as is; warranties and limitations of liability are governed by the original license and applicable law.
Additional costs & items to verify
- Demo images, fonts, icons, and other third-party assets must be checked under their respective licenses and cannot be judged solely by the code's MIT license.
- External services such as domains, hosting, databases, payments, or AI may incur separate charges.
View Original Text Basis
https://github.com/blackgirlbytes/blackgyalbites-nextjs/blob/main/LICENSEhttps://github.com/blackgirlbytes/blackgyalbites-nextjs/blob/main/README.mdPermission is hereby granted, free of charge
Original License Text
Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.
Project checks & description sources
Template Information
- Source platforms
- GitHub
- Documentation and maintenance reference score
- Partly documented · 72 / 100
- Technologies
- Next.js · React
- Website type
- Corporate Website
How this score is calculated
Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.
What to verify for this project
- Repository update recorded
- 2022-09-13
- Screenshot last checked
- 2026-10-01
A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.
The catalog identifies Next.js as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.
Use a selection guide →How this description was prepared
AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.
Automatically checked against source and license rules; no manual editorial review.
Inspect the recorded source material
SHA-256: a583a7c20a46484fc356d1f9933fd47a867f92e042d8bd3d2db55c7d2ea86978
2026-10-01T15:23:27.439Z
Source file / repository# blackgyalbites ## Template for No-touch Menus and Host Static Pages Built with Any Framework on GitHub Pages  ### Website built with Next.js and Tailwind CSS to display restaurant menus when users scan a QR code. ## Powered By GitHub Pages This is a demonstration to show developers that they can build and host static websites using any framework. See more example frameworks hosted on GitHub Pages: - [HTML and CSS](https://github.com/blackgirlbytes/blackgyalbites) - [Next.js and Tailwind CSS](https://github.com/blackgirlbytes/blackgyalbites-nextjs) - [Astro](https://github.com/blackgirlbytes/blackgyalbites-astro) Link to live site: https://blackgirlbytes.github.io/blackgyalbites-nextjs/ ### Design and Development All designs and elements are open source, available for free for anyone to use. Owned by Rizel Scarlett [(@blackgirlbytes)](https://github.com/blackgirlbytes) Designed by [The Holistic Technologist](https://holistictech.io) Illustrations by [Cuoc Doi Prints](https://www.cuocdoiprints.com) Feel free to fork, copy, tweak, and use for any purpose. This project is completely open source, and under [MIT license](https://github.com/blackgirlbytes/blackgyalbites-nextjs/blob/main/LICENSE). Menu Design Template: [Canva](https://www.canva.com/design/DAFGhaCejFw/zy2w9ZjXJBZ3NssSdfhpTw/view?utm_content=DAFGhaCejFw&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton) Download Assets & Design Elements: [Google Drive](https://drive.google.com/drive/u/0/folders/12vHecd82FiiphDGSpwRA8cndsdzDy5QG) 
Explore similar templates
Compare previews and descriptions within the same stack and category.
SaaS-Boilerplate
SaaS-Boilerplate is an open-source SaaS starter template built with Next.js App Router, React 19, TypeScript, Tailwind CSS, and Shadcn UI.
Next.js · SaaS
Next-JS-Landing-Page-Starter-Template
A free Next.js landing page starter template written in Tailwind CSS and TypeScript, featuring built-in navbar, hero, features, CTA banner, and footer sections.
Next.js · Corporate Website
next-saas-starter
A free Next.js SaaS marketing landing page template from Blazity, using static generation and styled-components with no extra UI library.
Next.js · SaaS
startup-nextjs
Startup is a free, MIT-licensed Next.js template from NextJSTemplates for SaaS startups and corporate landing pages.
Next.js · SaaS
shadcn-landing-page
A Next.js landing page template built with Shadcn, TypeScript, and Tailwind, converted from a Shadcn-Vue version. It includes sections such as Navbar, mobile Sidebar, Hero, Pricing, FAQ, and Footer, and highlights responsive design, navigation, and dark mode.
Next.js · Corporate Website
shadcn-dashboard-landing-template
An open-source admin dashboard and marketing landing page template built on shadcn/ui and Tailwind CSS, with both Vite + React and Next.js versions in one repository.
Next.js · Admin dashboard