A full-stack web application built with Next.js (App Router) and TypeScript, designed to showcase technical projects and publish personal blogs. The app features dynamic project management (create/edit/delete/toggle visibility), secure NextAuth credentials-based login, and a markdown-based blogging system optimized for performance and SEO.
- Backend: Built with Next.js API routes, Prisma, and MongoDB, supporting relational data for projects and tech stacks.
- Frontend: UI built using Material UI and TailwindCSS for a responsive, branded interface.
- Forms: Managed via React Hook Form and Yup, with real-time validation and error handling.
- Performance: Uses SSG and ISR for fast load times and optimized indexing.
- Email Integration: Email notifications via Resend and React-Email for communication features.
💡 Designed with scalability and real-world use in mind, this project demonstrates my ability to independently deliver a secure, performant, and maintainable full-stack application from the ground up.
- NextJS - React Framework
- TypeScript - Static Typing
- Prisma - ORM
- MongoDB - Database
- TailwindCSS & Shadcn UI - UI Library
- Next API - API Routes
- Next Authentication - Authentication
- Next Image - Image Optimization
- Next SEO - SEO
- Node.js - Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.
- MongoDB - MongoDB is a general purpose, document-based, distributed database built for modern application developers and for the cloud era.
- Prisma - Prisma is a next-generation ORM for Node.js and TypeScript.
- Clone the repo
git clone https://github.com/olaishola05/ola.git- Install dependencies
npm install
npx prisma generate- Create a
.env.localfile in the root directory and add the following environment variables
DATABASE_URL= # Your MongoDB URL
NEXT_PUBLIC_MEDIUM_API_URL= # Your Medium API URL
NEXTAUTH_URL= # Your Next Auth URL
NEXTAUTH_SECRET= # Your Next Auth Secret- Run the development server
npm run dev- Open http://localhost:3000 with your browser to see the result.
- Create a Vercel account
- Install Vercel CLI
npm i -g vercel- Login to Vercel
vercel login- Deploy to Vercel
vercel- GitHub: @olaishola05
- Twitter: @olaishola05
- LinkedIn: Oladipupo Ishola
- Medium: @olaishola
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page here 😏😏.
- Give a ⭐ if you like this project
- Thanks to everyone building tools to make developers' lives easier
This project is licensed under the MIT License - see the LICENSE.md file for details