DEV Community

Cover image for I made a full-stack and type-safe personal site using the t3-stack (Next.js)!

I made a full-stack and type-safe personal site using the t3-stack (Next.js)!

ashish on October 18, 2022

Intro First of all, thanks a lot for 1000+ followers on Dev.to, I really can’t believe we’ve come this far. I hadn’t even thought that I...
Collapse
 
nexxeln profile image
Shoubhit Dash

Mine is also made with create-t3-app :)

Asheesh and my website have full stack elements so its perfectly fine to use the T3 stack because of the excellent DX it provides.

But if a website is mostly static I'd recommend using Astro

Collapse
 
asheeshh profile image
ashish

@dayvster ICYMI 👆

Collapse
 
jiasheng profile image
JS

Nice tutorial! Actually, I wrote a similar one about creating a ToDo App using the same stack as T3. So if you feel it relevant, I'd be happy to hear your opinion.
How to Build a Production-Ready Todo App in One Next.js Project With ZenStack

Collapse
 
dayvster profile image
Dayvster 🌊

Well done, looks good. I dig the super minimal and clean look you went for.
One note: the lightmode/darkmode toggle doesn't seem to work for me yet.

Also didn't Theo say he'd advise against building personal portfolios with the t3 stack :P

Also took the liberty of checking out some of your other posts, dig the writing style, keep it up!

Deffo a blog to bookmark

Collapse
 
asheeshh profile image
ashish

thank you so much for taking time to read the blog and other blogs too ❤️

oh, I think you're mistaken, what theo meant was that t3-stack is overkill for a portfolio site with no need for heavy backend like a site with only blog, but mine has pages which utilize whole backend like guestbook so t3-stack was the best choice for me!

Collapse
 
leob profile image
leob

Thanks for the write-up, a few quick remarks though after looking at your website:

  • First and foremost, the fonts on some pages are REALLY hard to read - worst offenders are the "Now" and "About" pages (asrvd.me/now and asrvd.me/about) - those are virtually impossible to read because the font color is dim and dark ... just change to a lighter color, and Bob's your uncle

  • There's a menu option at the left with a lightbulb icon, which I assume is meant to toggle between dark mode and light mode? That one doesn't seem to work however ...

Overall nice job though, some cool features.

Collapse
 
asheeshh profile image
ashish

thanks for the detailed review, I'll fix the font issue asap, I think I might even change the font
About the theme switcher, I'm working on it, am preoccupied atm but it will be working soon!

Collapse
 
passagenick profile image
PassageNick

I hate to break it to you, but a "GuestBook" is as old as the internet itself.

I had a guest book on my website in 1996. ;-)

Collapse
 
asheeshh profile image
ashish

that's so cool actually, the first time i had encountered a guestbook on a personal site was on leerob.io though, looks like we are missing out on a lot of good stuff

Collapse
 
eliaschen profile image
EliasChen • Edited

Perfect blog

Mine also use tailwind css to style my website(build with astro)

Collapse
 
asheeshh profile image
ashish

nice site, i love astro!

Collapse
 
nexxeln profile image
Shoubhit Dash

Great blog post!

Collapse
 
asheeshh profile image
ashish

thanks man ❤️

Collapse
 
devgancode profile image
Ganesh Patil

Great job @asheeshh

Collapse
 
asheeshh profile image
ashish

thank you so much ❤️

Collapse
 
matijanovosel profile image
Matija Novosel

I like the minimalistic approach! The colors are too drab for my taste but an excellent website nonetheless.

Collapse
 
asheeshh profile image
ashish

thank you so much, I shall add a light mode soon maybe

Collapse
 
drsushi profile image
Aleksander Grumic

Thanks for this article! It's was great 👍🏻 and nice work with u'r page! ☺️
Keep up the good work 👍🏻👍🏼👍🏽👍🏾👍🏿

Collapse
 
hicmtrex profile image
hichem

great work 💪 , i like the t3 stack but without tRPC😅

Collapse
 
asheeshh profile image
ashish

thank you so much, I'd say to try out tRPC - it may seem somewhat complicated at first but it makes a lot of sense once you start using it