DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for Finished my NextJS tailwindcss portfolio!! πŸ’Ž
Brayden W ⚑️
Brayden W ⚑️

Posted on

Finished my NextJS tailwindcss portfolio!! πŸ’Ž

Hey hey hey! Over the past few months I’ve spent some of my spare time building up my new portfolio website!

I built it using React, NextJS, and TailwindCSS. (Pure CSS for the animations)

I had a really fun time building and designing it and I plan to add a blog and other features too.

View it live at https://braydentw.io
It’s open sourced!! https://github.com/BraydenTW/braydentw.io

Top comments (31)

Collapse
sharathmohan007 profile image
sharath mohan

Looks good, truly inspiring, its time that i get started too

Collapse
mooha1999 profile image
mooha1999

Did you use both Sass and tailwind in this project? If so, why?

Collapse
ishan_parlikar profile image
Ishan Parlikar

Sometimes when you want to write a bit complex css like animation, it is better to write it in plain css which gives you control on hierarchy.

Collapse
braydentw profile image
Brayden W ⚑️ Author

Yep!

Collapse
braydentw profile image
Brayden W ⚑️ Author

I used mainly TailwindCSS and some custom CSS.

Collapse
ishan_parlikar profile image
Ishan Parlikar

Looks cool. Awsome UI.
I am currently in process of making one with Sveltekit. But I can definitely take some inspiration from it. 😁

Collapse
braydentw profile image
Brayden W ⚑️ Author

Thanks, be sure to make it original with your own flare too! I'd love to see it when you are finished :)

Collapse
andrewbaisden profile image
Andrew Baisden

Wow, what a modern cool website.

Collapse
harshhhdev profile image
Harsh Singh

Very nice. Keep up the good work.

Collapse
braydentw profile image
Brayden W ⚑️ Author

Thanks Harsh!

Collapse
kienngo profile image
ken

Good looking one mate

Collapse
matfrana profile image
Matteo Frana

Congrats! I really like it! Maybe you could be interested in having a look at React Bricks, too, which will fit very well in your stack.

Collapse
omohemma profile image
Omololu Emmanuel

Cool stuff... Well done πŸ‘πŸΎ πŸ‘πŸΎ πŸ‘πŸΎ

Collapse
bobbyiliev profile image
Bobby Iliev

Looks awesome! Well done!

Collapse
israelmitolu profile image
IsraelMitolu

Absolutely love this Brayden 🌟

Collapse
kasuncfdo profile image
Kasun Chanuka Fernando

Thats inspiring & perfect one ❀️

Collapse
shshank profile image
Shshank

Very nice...

Collapse
gulshanaggarwal profile image
Gulshan Aggarwal

Cool, after taking inspiration from yours I should update mine.

Collapse
moose_said profile image
Mostafa Said

Looks so cool, well done!

Collapse
isaachatilima profile image
Isaac Hatilima

Bravo!!

Collapse
mrcaidev profile image
Yuwang Cai

Inspiring!

Collapse
shofol profile image
Anower Jahan Shofol

Good design. But need some work on mobile navbar button.

Collapse
braydentw profile image
Brayden W ⚑️ Author

Thanks for pointing that out! I should work on making it more clear. Thanks!

Collapse
natescode profile image
Nathan Hedglin

Slick. Great job!

Collapse
eitanwaxman profile image
eitanwaxman

Amazing design! Weird question but when you write node.js do you mean express or pure node? I'm just curious what the expectations are in the field - for example in a job description when they say node.js?

Collapse
braydentw profile image
Brayden W ⚑️ Author

I just mean pure NodeJS. Express is just a package that comes along with NodeJS.

Collapse
souksyp profile image
Souk Syp.

I like it. I built mine with NextJS too souksyp.com/

Collapse
braydentw profile image
Brayden W ⚑️ Author

Thanks! I like the little blob animation!

Collapse
vlajd profile image
Vlajd

Nice, it was perfectly responsive on my small mobile device. That for me is usually the quality that checks out!

Collapse
braydentw profile image
Brayden W ⚑️ Author

Yeah! I made sure I put extra effort there with Tailwindcss.

🌚 Friends don't let friends browse without dark mode.

Sorry, it's true.