1. Reason for Creation
I wanted my own blog and a portfolio site.
I am currently writing content while continuously modifying the blog design, functions, etc.
2. Technology Used
Language
typescript
The reason I used typescript was because I wanted to see a source code that was a little more neatly organized.
Framework
Nextjs
Nextjs is the best and hottest front-end framework for creating static sites.
tailwindcss
It is a hot CSS framework that makes it convenient for developers to design.
Library
React
Nextjs is a framework based on React.
Mdx
The blog content is written based on Markdown.
sharp
All images have originals, and I used them because I wanted to insert watermarks on the images that visitors see. I insert watermarks every time I deploy a blog project.
zustand
I used zustand, which is popular these days, to conveniently use the state when some menus are shown or hidden. And it is very convenient and easy to use.
glob
I used it to get mdx files or image lists.
3. Static site deployment
Cloudflare Pages
I looked into deployment locations such as github, vercel, etc., but for now, I chose CloudFlare Pages because it has a generous policy.
4. Ongoing features
- Dynamic sitemap.xml
- robot.txt
- Multilingual
- Apply multilingual content to article
- Self-written article search function
- Analyze article content and insert important tags into posts
- Design to be worked on regularly
- Link to GitHub comments
- Apply meta information
5. Completed features
- Parsing text with mdx
- Inserting img watermark
- Static distribution
- List of articles
- Article content
6. Other
I will write separate articles about the technologies that have been developed or responses to errors.