All In One, NextJs Blog Template๐
danpacho
Posted on August 4, 2022
Introducing Projects ๐
Visit Next Your Home Guide, built with this template!
Inspiration ๐ง
I always think that writing is the best practice to fully absorb knowledge. But it was always difficult to make writing a habit. In order to make good writing habits, I thought making the best environment for writing is first.
After a long time of effort, I was able to create the blog environment that I wanted.
Easy to start, Reliable, Rich Feature and Fast Blog!
Demo of project ๐
I'm very happy about result of blog ๐
Goal of project โ
Tech ๐
- Create a blog that anyone who's experienced development can start regardless of their skills.
- Performance and Maintenance.
- Add the features that are not supported on existing writing platforms.
Design ๐
- Taking off the consistent design that pursues simplicity and create different feelings.
- Content-Focused design
- Separates profiles into their own pages.
- Reduce fatigue by improving text access through pagination and reducing vertical scrolls.
- Categories, Series, and Tag based navigation.
- Easy to navigate posts
- Selectable Colors
- Familiar blogging UX
How it was built โ๏ธ
- language ๐:
typescript
- framework ๐ฆ:
NextJs
- styling ๐
:
styled-components
- markup ๐:
mdx
Rich Feature List ๐
-
Light
/Dark
mode full support - Integrate Profile with full feature of
mdx
- Table of content on
desktop
/mobile
- Image optimization with
next/image
- Automatic image size support for
static
/external
- Automatic pagination
- Recover scroll position when navigating to previous page
- Analyze visitors with
Google Analytics
! Run it on thepartytown๐
thread and get the performance (partytown ๐) - Support
sitemap
,rss
generation on build - Math
katex
support (optional) - Automatic post refreshing in
dev
mode - Specific
error
informations about blog posts - Decent
code
block with code copybutton
etc...
How to Start? ๐
Visit GitHub repo or Click the Next your home guide to start your writing journey!
I wrote down the kind explanation from start to finish!
Thank you for reading!
I hope it is useful for the blog starter๐
๐ ๐ช ๐
๐ฉ
danpacho
Posted on August 4, 2022
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.