Pc Blogging
summary
A blogging website related to PC building. That fully runs on the server and has full optimization for SEO.
tech stack
Next JS
React
JavaScript
Html
CSS
PostgreSQL
Cloudinary
Strapi CMS
published date
last edited time
website link
Front End
Front end is built with Next.js 14.2 using the app router
Back End
Back end is built with Strapi CMS v4 using PostgreSQL databases, hosted on Render. The Strapi CMS build is also hosted on Render.
Images are managed using Cloudinary.
Features
- A blogging website for PC Build related content, That fully Static and has full optimization for SEO.
- Statically built pages for super-fast loading times
Dynamic Routes
Dynamic routes with beautiful slugs, such as /blog/[slug].
Design
Design is inspired by apple.com
Responsiveness
- Fully Responsive for all devices
- Different animation for desktop and mobile site
- Top carousel section showcasing best and popular blogs
- Dark and light mode toggle with automatic adjustment based on system theme
Search Bar
- Beautiful search bar design inspired by old apple website
- Smooth animation done with only Vanilla CSS
- Includes Quick Links and Search recommendation
Table of content tab
- Each blogs has Table of content on right side and it’s fully responsive
- All the Heading title will be show in Table of content
- It also keep track of which section you are on , and you can directly go to that section by clicking on it.
Like and Share
- Like and Dislike button like you tube videos
- Sharing Options like WhatsApp , twitter, Email, Copy link.
- View count tracking
SEO & Open Graph
- Full SEO optimization including meta tags, keywords, and structured data
- Open Graph integration for rich social media sharing
- Sitemap and robots.txt configuration for better search engine crawling
- Rank on Google and Bing search engines