Build a Restaurant Website with Next.js 12.1 Features

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • nextjs-restaurant-website-cms

    A restaurant website template built with Next.js and Cosmic

  • git clone https://github.com/cosmicjs/nextjs-restaurant-website-cms.git cd nextjs-restaurant-website-cms npm install #or yarn install npm run dev #or yarn dev

  • examples

    Enjoy our curated collection of examples and solutions. Use these patterns to build your own robust and scalable applications. (by vercel)

  • This is one of the most exciting features. Middlewares enable us to use code over configuration. This means you can run code before a request is completed, and based on the request, you can modify the response by rewriting, redirecting, adding headers, setting cookies, etc. With middlewares, you can implement things like authentication, bot protection, redirects and rewrites, server-side analytics, logging, and handling unsupported browsers, and more.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • vercel

    Develop. Preview. Ship.

  • Bonus features include deploying to Vercel and setting up automatic static content revalidation using Cosmic Webhooks. Let’s get started.

  • swc

    Rust-based platform for the Web

  • One of the key features of Next.js 12 is performance optimization. To boost performance, Next.js replaced the Babel compiler with an extensible Rust compiler and enabled it by default using Next.js 12, the compiler is built on top of — SWC — which stands up for Speedy Web Compiler. It does consume TypeScript/JavaScript and emits JavaScript code that can be executed on old browsers.

  • Sass

    Sass makes CSS fun!

  • Next.js - A React framework for production that makes it easy to spin up a full-stack application. Cosmic - A Headless CMS enables the independence of the data (content) layer and gives us the ability to quickly manage website content. Sass - A stable, and powerful professional-grade CSS extension language.

  • Next.js

    The React Framework

  • Next.js - A React framework for production that makes it easy to spin up a full-stack application. Cosmic - A Headless CMS enables the independence of the data (content) layer and gives us the ability to quickly manage website content. Sass - A stable, and powerful professional-grade CSS extension language.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts