<h2>Overview</h2>
thvu.dev is a showcase portfolio website built using a stack of modern web technologies. The website utilizes TypeScript, Next.js, NextAuth.js, next-pwa, Prisma, PlanetScale, DatoCMS, MDX, Notion API, Tailwind CSS, and Sentry to create a robust and performant platform.
<h2>Features</h2>
<ul>
<li>TypeScript: thvu.dev is built using TypeScript, a statically typed superset of JavaScript, which adds additional type safety and allows for easier code refactoring and debugging.</li>
<li>Next.js: The website is powered by Next.js, a React framework that provides server-side rendering, static site generation, and other performance optimizations out of the box.</li>
<li>NextAuth.js: NextAuth.js is used for authentication and authorization on thvu.dev, allowing users to securely log in and access certain content or features.</li>
<li>next-pwa: The next-pwa package is utilized to transform the website into a Progressive Web App (PWA), providing an enhanced user experience and allowing offline access to the site's content.</li>
<li>Prisma: Prisma is used as an ORM (Object-Relational Mapping) to handle database management and query generation for the website.</li>
<li>PlanetScale: PlanetScale is utilized as a database provider, offering scalable and reliable database infrastructure for thvu.dev.</li>
<li>DatoCMS: DatoCMS, combined with GraphQL, serves as the headless CMS (Content Management System) for the website, allowing easy content creation and management.</li>
<li>MDX: The website incorporates MDX, a format that allows for the embedded usage of Markdown syntax within JSX, enabling the creation of interactive content and rich user experiences.</li>
<li>Notion API: thvu.dev utilizes the Notion API to seamlessly integrate with Notion, enabling the retrieval and display of content from Notion databases.</li>
<li>Tailwind CSS: The website is styled using Tailwind CSS, a utility-first CSS framework that allows for rapid development and easy customization of the site's design.</li>
<li>Sentry: Sentry is implemented for error tracking and monitoring, providing real-time alerts and insights into website issues for efficient debugging.</li>
</ul>

Thanghuuvu

Thvu Blog