Abstract
Benjamincarlson Io is an open-source Digital Marketing & SEO project. My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote. My personal portfolio website hosted at https://benjamincarlson.io. My personal website has changed over the years - from a static HTML/CSS/JS site to Wordpress to Jekyll to Gatsby to Django (I made a site with django but never deployed it due to it costing so much!) and finally to Next.js/React. It is built using JavaScript, Next.js, Firebase. Key capabilities include: Light/Dark mode; Realtime Statistics via SWR and Nex.js API routes; Responsive Design. The complete source code is publicly available on GitHub under the MIT License, making it a useful reference for students building a Digital Marketing & SEO mini project or final-year project.
1. Introduction
My personal portfolio website hosted at https://benjamincarlson.io. My personal website has changed over the years - from a static HTML/CSS/JS site to Wordpress to Jekyll to Gatsby to Django (I made a site with django but never deployed it due to it costing so much!) and finally to Next.js/React. This site has my writing, projects, gear, tutorials, experience, and much more.
Feel free to fork this repo and make it into your own website! Below you will find instructions, features, and the tech stack.
2. Objective
My personal website built with Next.js, Chakra UI, Firebase, and next-mdx-remeote.
This project demonstrates how JavaScript, Next.js, Firebase can be applied to a real-world Digital Marketing & SEO problem.
3. Key Features / Modules
- Light/Dark mode
- Realtime Statistics via SWR and Nex.js API routes
- Responsive Design
- Google Analytics
- Google AdSense
4. Technology Stack
- JS Framework: Next.js
- CSS Framework: Chakra UI
- Blog Code Syntax: Prism.js
- Blog: next-mdx-remote
- Database(Blog post view and like count): Firebase
- Deployment: Vercel
5. System Requirements
General requirements for this technology stack — check the README for exact versions.
- Node.js (LTS) and npm
- A modern web browser
- VS Code or any code editor
- Git (to clone the repository)
6. Installation & Setup
git clone https://github.com/bjcarlson42/benjamincarlson.io.git
cd benjamincarlson.ioFull setup instructions are in the project README.
7. Future Enhancements
Suggested extensions you can add to make this your own project.
- Export reports to Google Sheets or PDF
- Schedule weekly automated reports
- Add competitor comparison
8. Viva / Review Questions
Common questions examiners ask for projects in this domain.
- Which marketing or SEO problem does this tool solve?
- Which data sources or APIs does it use (Search Console, Analytics, social platforms)?
- Which metrics or KPIs does it report and how are they calculated?
- How could the output help a business make decisions?
- How would you schedule it to run automatically?
9. Source Code & License
This project is developed by bjcarlson42 and published on GitHub under the MIT License. Please follow the license terms and credit the original author when you use or modify this code.
Want to build this as your internship project?
Work on a Digital Marketing & SEO project like this with mentor guidance, weekly reviews and an internship certificate from Training Trains, Erode — online or offline.
Apply for Digital Marketing & SEO Internship