During this devlog, I have worked on making the website content more polished and in better shape. I have improved the navbar, added a system theme, and reduced the content of the footer. In addition, I integrated Sanity CMS and used it to provide the projects in the projects page and the most viewed section. Additionally, I completed the search page styling and structure, and functionality. The only remaining step is to use the query of the page in fetching the projects from Sanity for it to be completed.

During this devlog, I worked mainly on completing the home page and did some other work. What I have done:
feat: completed the home page with a simple and modern UI and added a section for the most viewed projects.
feat: implement SearchForm component for project search functionality
feat: create SearchFormReset component to reset search input
Refactor: update the SignUp component to use action state for form handling and error display
fix: adjust import path for getUserFromDb in auth utility
feat: add signup utility for user registration with validation
Chore: update next.config.ts to allow additional Cloudinary domains
Chore: update package.json and package-lock.json to include new dependencies
fix: update tsconfig.json to correct path mapping for utils
feat: define project types for better type safety in project components

You can view this commit for complete details

I didn't make any updated in the frontend and was working on the auth functionality:

• Implement secure password hashing using bcryptjs
• Create user registration and authentication database operations
• Add proper Prisma schema with NextAuth.js adapter models
• Update all auth imports to use centralized lib/auth.ts
• Fix critical issues: parameter order in verifyPassword, JWT encoding error handling
• Include database migrations for user model and NextAuth.js tables
• Using secure password hashing library (bcryptjs)

You could view the commits at this repo

🚀 TechLogs Development Update - 2nd devlog

I've implemented a complete authentication system with NextAuth.js v5 Beta supporting GitHub OAuth, Google OAuth, and email/password authentication, plus Prisma ORM with PostgreSQL for the database. The entire foundation is built with Next.js 15, React 19, and TypeScript, with comprehensive input validation using Zod schemas and clean route group organization for maintainability.

The UI/UX development has been amazing! I'm using Tailwind CSS v4 with a complete dark/light theme system, smooth Framer Motion animations, and custom text effects like BlurText and CircularText components. Everything is fully responsive with clean, professional authentication forms. I've organized the work into 14 strategic commits covering database utilities, validation schemas, UI components, animation systems, and the entire app architecture.

Right now, users can sign up, sign in through multiple providers, and access protected routes with a beautiful, theme-aware interface. Currently working on integrating Cloudinary for image management and finishing the blog CRUD operations with a rich text editor. Next week's goal is a complete MVP where users can create accounts, write posts, and read content from others. The learning experience in modern React patterns, security best practices, and scalable architecture has been incredible! 🎉

Thanks to GitHub Copilot for writing that for me and helping with code styling

Progress on GitHub

I have initialized the Next.js project, added AuthJS, and created Google and GitHub OAuth components. I have also added a layout, a navbar, and configured Tailwind CSS with the primary colors of the project. Also added some blocks from reactbits.dev and used them in creating the loading page. Also added the logos and favicons of the project.