Bloqdown

Overview:

This article is a product analysis of a Markdown Forum/Blog site that utilizes various technologies such as Next.js, NextAuth, TypeScript, tRPC, Prisma, and PlanetScale. The purpose of the project is to learn how to effectively use these tech stacks. The article provides an overview of the project goals, key features, and the tech stacks used.

Features:

• Users: Users can perform activities anonymously or login as GitHub users via NextAuth.
• Homepage: Users can find posts sorted by popularity or latest. They can also search for posts via tags and a search bar.
• Posts: Basic post features include creating, updating, and deleting posts.
• Liking: Users can like any posts they want.
• Comments: Users can add comments to posts, and the post owners can delete comments.
• Tags: Users can add category tags to posts for easy searching.
• Views: The total number of views (not unique) for each post is displayed.
• Live Repository Stats: Live repository data of the project is fetched using the GitHub API.

Installation:

To install the theme, follow these steps:

1. Make sure you have a MySQL local database or a PlanetScale connection using PScale CLI.
2. Clone the repository.
3. Set up the .env file with the database URL.
4. If you are using NextAuth GitHub provider, insert your GitHub ID and secrets in the .env.local file.
5. Proceed with the following installations:
   • Run locally: Run the development server.

Summary:

This product analysis explores a Markdown Forum/Blog site built on Next.js, NextAuth, TypeScript, tRPC, Prisma, and PlanetScale. The article provides an overview of the project goals, key features, and installation instructions. Overall, the site aims to create fully typesafe APIs, utilize Prisma as a TypeScript ORM, set up PlanetScale as the MySQL database, and provide authentication using NextAuth. The site also includes features such as liking, commenting, tagging, and displaying live repository data from the GitHub API.