Abstract
Personal Blog is an open-source Digital Marketing & SEO project. ⚡️ Personal portfolio and blog. Created with Nextjs and Tailwind. Here is where you can find my projects, tools and learn a bit more about me. I also post articles and how-to guides. I was originally using a large repository to store my notes, however, I found that I was not able to find the notes I was looking for. There were just too many notes to keep track of, and I was not able to notes quickly. It is built using JavaScript, Next.js, React, Tailwind CSS. Key capabilities include: Easy styling customization with Tailwind 3.0 and primary color attribute; Near perfect lighthouse score - Lighthouse report; Lightweight, 45kB first load JS, uses Preact in production build. 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
I was originally using a large repository to store my notes, however, I found that I was not able to find the notes I was looking for. There were just too many notes to keep track of, and I was not able to notes quickly. I stumbled upon the Tailwind-Nextjs-Starter-Blog but was hesitant because as a beginner I was not sure how to use Next.js or Tailwind CSS.
Tim Lrx provided a great starting point with awesome documentation. This gave me the foundations to explore and build on top of the starter blog.
This repository is the home to my personal website. This website is intended for personal use, and functions as a method of storing/organizing notes and projects.
2. Objective
⚡️ Personal portfolio and blog. Created with Nextjs and Tailwind. Here is where you can find my projects, tools and learn a bit more about me. I also post articles and how-to guides.
This project demonstrates how JavaScript, Next.js, React can be applied to a real-world Digital Marketing & SEO problem.
3. Key Features / Modules
- Easy styling customization with Tailwind 3.0 and primary color attribute
- Near perfect lighthouse score - Lighthouse report
- Lightweight, 45kB first load JS, uses Preact in production build
- Mobile-friendly view
- Supports Google Analytics
- MDX - write JSX in markdown documents!
- Server-side syntax highlighting with line numbers and line highlighting via rehype-prism-plus
- Automatic image optimization via next/image
- Flexible data retrieval with mdx-bundler
- Support for tags - each unique tag will be its own page
4. Technology Stack
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/Cwarcup/personal-blog.git
cd personal-blognpm installFull 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 Cwarcup 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