How I set up my website with Next.js
š
2025-10-30ā±ļø 5 min readāļø Robson Alves
#nextjs#typescript#tailwind
How I set up my website with Next.js
This is an example post in English. You can edit this file directly on GitHub or locally.
Why Next.js?
Next.js is an excellent choice for personal websites because:
- Performance: SSG (Static Site Generation) for super fast pages
- SEO-friendly: Server-side rendering when needed
- Developer Experience: Hot reload, TypeScript, etc.
- Easy deploy: Vercel, Netlify, Cloudflare Pages
Project structure
robsonalves.online/
āāā app/ # Pages using App Router
āāā components/ # Reusable React components
āāā content/ # Markdown content (blog, CV)
ā āāā blog/
ā ā āāā pt/ # Portuguese posts
ā ā āāā en/ # English posts
āāā public/ # Static files
GitOps workflow
To publish a new post:
- Create a
.mdfile incontent/blog/en/ - Commit and push to GitHub
- Automatic deploy via GitHub Actions
- Website updated in ~2 minutes
That's it!
Next steps
- Add RSS feed
- Implement post search
- Analytics (Plausible or similar)
- Newsletter (optional)
Written on: October 30th, 2025 Updated on: October 30th, 2025