Overview

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.

Features

• 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.
• 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.
• 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.
• 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.
• Prisma: Prisma is used as an ORM (Object-Relational Mapping) to handle database management and query generation for the website.
• PlanetScale: PlanetScale is utilized as a database provider, offering scalable and reliable database infrastructure for thvu.dev.
• DatoCMS: DatoCMS, combined with GraphQL, serves as the headless CMS (Content Management System) for the website, allowing easy content creation and management.
• 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.
• Notion API: thvu.dev utilizes the Notion API to seamlessly integrate with Notion, enabling the retrieval and display of content from Notion databases.
• 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.
• Sentry: Sentry is implemented for error tracking and monitoring, providing real-time alerts and insights into website issues for efficient debugging.

Installation

To install thvu.dev locally, follow these steps:

1. Clone the repository:

   git clone [repository URL]
   

2. Install dependencies:

   npm install
   

3. Build and run the development server:

   npm run dev
   

4. Access the website in your browser at http://localhost:3000.

Summary

thvu.dev is a showcase portfolio website that demonstrates the use of various modern web technologies and tools. With features such as TypeScript, Next.js, NextAuth.js, next-pwa, Prisma, PlanetScale, DatoCMS, MDX, Notion API, Tailwind CSS, and Sentry, the website is built to be performant, secure, and easily maintainable. By following the provided installation guide, users can replicate the website locally and explore its implementation in detail.