Simple blog

DEMO

This is project of blog built using next.js and trpc.

Using thecnologies

• Nextjs for backend + frontend
• Supabase (PostgreSQL + object storage)
• tRPC for typesave transfer data between front and back
• Tailwind CSS for styling
• NextAuth.js for all stuff with authentication
• Prisma ORM
• Redis (Upstash) for server side caching

Key features:

• Optimistic updates for:

  • likes
  • Messages
  • Bookmarks

  

• Login with google

• Saving image in supabase (May save them in s3)

• Sorting alhorithms

• Advance search system

• Automatic save drafts for unpublish post

• Opportunity for bookmark posts

• Dark theme

• Client and server caching

• Rich WYSIWYG text editor

• Reddit like comment system

Post show algorithms:

• new - Show post sorted by date
• hot - Show post sorted by comments count and likes count with time period.
• best - Show post sorted by likes count with time period.

Time period allow show posts with sorting criteria for most relevant posts.

For search algorithms used another patterns:

• new - Show post sorted by date
• best - Show post sorted by likes count without time period.

Feel free to fork or ask me something😀