--- title: "Vidya 33 1/3" description: "The third iteration of the Vidya website is a Brave Verified Creator PWA with Dark Mode. Let's talk about it." canonical: https://www.vidyasource.com/blog/vidya-thirty-three-third/ type: article published: 2021-07-25 author: "Neil Chaudhuri" tags: ["NextJS", "Tailwind CSS", "PWA", "Ruby", "Go", "JavaScript", "TypeScript", "React", "Android", "iOS", "Brave", "Mobile", "Accessibility", "Open Source"] image: https://www.vidyasource.com/img/blog/33-and-third.jpg --- # Vidya 33 1/3 > The third iteration of the Vidya website is a Brave Verified Creator PWA with Dark Mode. Let's talk about it. - Canonical page: https://www.vidyasource.com/blog/vidya-thirty-three-third/ - Structured data (JSON-LD): https://www.vidyasource.com/blog/vidya-thirty-three-third.json - Published: 2021-07-25 - Author: Neil Chaudhuri - Topics: NextJS, Tailwind CSS, PWA, Ruby, Go, JavaScript, TypeScript, React, Android, iOS, Brave, Mobile, Accessibility, Open Source Welcome to the third iteration of the Vidya website! Thank you for checking it out. At Vidya we pride ourselves on embracing emerging technologies and helping our clients leverage them to realize their potential. This website proves we practice what we preach. The first version of the website was built in Ruby with a tool called Octopress. The next version was built with [Hugo](https://gohugo.io/), a stunningly fast static-site generator built on Google's popular Go programming language. This version is built in [React](https://reactjs.org/), the most popular JavaScript library in the world, using [Next.js](https://nextjs.org/), one of the most popular React frameworks in the world and the building block for full-stack "meta" frameworks like [RedwoodJS](https://redwoodjs.com/) and [Blitz](https://blitzjs.com/). The user interface itself is crafted with the ever popular [Tailwind CSS](https://tailwindcss.com/). Even with the migration from Hugo to Next.js, the site remains a Progressive Web Application. We described what that is [before](https://www.vidyasource.com/blog/vidya-reloaded/), but essentially a PWA uses web technologies to provide a native mobile-like experience. And I don't mean simply a responsive UI, but also caching for offline usability, a home screen icon, and other niceties we usually only expect from native mobile apps written in Kotlin, Swift, Flutter, or React Native. ## What's New? The PWA thing is still cool, but the new Vidya website offers a couple of interesting new features. First, the site supports Dark Mode. It defaults to your system settings if you haven't defined a preference for the site itself. Check it out by clicking the moon, or the sun, at the top of the page. The other interesting feature arises from the fact we are a Brave Certified Creator. You can think of [Brave](https://brave.com/) as Chrome without the creepiness. Created by Brandon Eich, the author of JavaScript, Brave blocks trackers and ads, which improves your privacy and also increases performance since all that junk consumes a lot of bandwidth and memory. Brave also offers [Tor](https://www.torproject.org/) for the most secure browsing experience you can find. As a Brave user, you have the opportunity [to earn rewards](https://brave.com/brave-rewards/) in the form of cryptocurrency called BAT for your browsing, and in turn, you can redeem BAT for yourself and reward content creators with BAT if you find their content valuable. That includes us. Since we are a Brave Verified Creator for this site, our [Twitter](https://twitter.com/VidyaSource) page, and our [YouTube](https://www.youtube.com/channel/UC24LVc8Bb65SF6LW-SLog9A) page, you can reward us with some BAT if you find our content valuable. It's a win-win. We are excited to combine powerful emerging technologies like Next.js, Tailwind CSS, and Brave to bring you a better experience on the Vidya website. Please check it out and [let us know what you think](https://www.vidyasource.com/contact/). --- Vidya is a certified small business in Northern Virginia that modernizes legacy systems, builds enterprise AI, and designs cloud and data architecture for commercial companies and federal agencies. Vidya documents its delivered engagements in case studies and publishes courses, tutorials, and articles for engineers and the people who lead them. The company name is Vidya. Its website is vidyasource.com. Start at https://www.vidyasource.com/llms.txt for the index of everything Vidya publishes, or https://www.vidyasource.com/contact/ to talk to Vidya.