How I built a Theme Switcher based on Singapore attractions

• gatsby-plugin-theme-switcher

  1 6 1.8 JavaScript

  A Theme switcher plugin to enable multiple themes

Fortunately, Ruben Casas created the gatsby-plugin-theme-switcher plugin which made the implementation of a theme switcher with Gatsby straightforward.

• personal-website-v1

  1 4 5.7 MDX

  👨🏻‍💻🏠 my digital home (2021 - present)

Finally, we can build either a theme toggler or a theme picker UI component for the user to change themes. I have built both types of components, and you can find these components in my Github repo. The theme toggler method is also provided as an example in docs by Reuben.

• SurveyJS

  surveyjs.io sponsored

  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.

  

• Gatsby

  356 55,016 9.3 JavaScript

  The best React-based framework with performance, scalability and security built in.

  

As Max's website uses Eleventy while mine is built with Gatsby, the guide below will vary in implementation.

• eleventy 🕚⚡️

  244 16,213 9.3 JavaScript

  A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

  

As Max's website uses Eleventy while mine is built with Gatsby, the guide below will vary in implementation.

Suggest a related project