So, show me your website/portfolio and tell me what technologies do you use and why?
Here is mine https://thedev.sk
It uses Preact and Typescript, Bundled by Parcel, everything is prerendered and hosted on http://now.sh
FYI: the image for the site background is a render of a 3D model made in ZBrush.
I know the whole thing is a bit overblown, it would take less time to build the whole thing from scratch without preact, ts..., just good old html/css/vanilla js, but I wanted to try Preact and Parcel, and I saw an opportunity to use them in this side project.
It's your turn, show me what you got!
Top comments (268)
Here's mine sunchayn.github.io/old. Now, it's on hold as I'm planning to make a new one.
The technology stack I've used was vanilla JS (ES6) and SASS3 alongside Gulp as a build tool.
Look great, congrats 👏👏👏
nice, you nailed the terminal look 👏
Love the blue screen at the end of the page!!
Here's mine andrewbaisden.com/ the backend is in Node and the frontend is in Next.js. Deployed to Netlify.
Can you make one for me? Not a site, but you know, just make me look as cool as you? 😎
Like a super hero, right!?! : )
I just follow Saitama’s Workout.
Every single day!!!
100 Push Ups, 100 Sit Ups, 100 Squats, and 10KM Running.
😎
OK! We'll start with
$saitamaWorkout / 5and go from there!It’s just good lighting 😅
Too powerful, one punch and got a job
Really nice, I noticed that you have horizontal scrollbars on your page caused by the 100vw which is used on the div right inside the header element, give the header 100% width and replace the 100vw with 100% too, it will make the issue gone. But other than that it is really nice, nice power level ;)
Thanks for the feedback I will look into it. I don't see those scrollbars though what OS and browser did you see it in?
13 inch MacBook pro, with the native mac os, latest chrome browser, I have an always visible scrollbar, and the 100vw never counts with the width of the scrollbar. I hope this information will help you to debug ;)
This is mine mdor.dev/
I want to start adding more features, but I tried to keep it simple.
I kept the stack to the minimum.
For the site:
For the build process:
For the code quality:
So far, it has:
Performance: 97
Accessibility: 100
Best Practices: 100
SEO: 100
And the load time is very decent, coming from the network tab:
361 kB resources
Finish: 487 ms
DOMContentLoaded: 306 ms
Load: 451
This is the repo github.com/MDOR/mdor
TODO:
Hi really nice page, I see you even customized the scrollbar, but I found a really annoying bug, after I used the navigations buttons the site does not allows me to scroll, it is stuck on one place, no mousewheel, no touchpad, I cant even move the scrollbar with the mouse, navigation through the menu works. The scrollbar works when you load the page at the firs time, but it stops working after you use a navigation button. Please check it out. Tested on chrome/edge chormium, both latest on windows 10, 15.6 inch screen Full HD, 125% scaling in windows display settings.
Nice! Thank you for report that., I'll take a look.
Mine is carlevans.dev I use Craft as my CMS and use Eleventy to build a static site which is hosted for free thanks to Netlify / AWS. I use Nunjucks as a template engine. It doesn’t use a front end framework but it does use Barba.js for page transitions 😊
Nice colour section carl
You got me with that one, nice, simple minimalistic, nice colors 👏
I was actually working on my portfolio website around 3 months ago. Designed this all by myself from scratch. Since then, I've learnt react, gatsby and next.js and right now I'm in the phase of migrating this design to react based stack, for improved performance. Still most of the design will remain the same. You can have a look here : ishandeveloper.com
Moreover, I have also created a personal blog of my own using Gatsby. I'd love for you to have a look at it here : blog.ishandeveloper.com
Loved, the blog page...
Can I get the source code for the blog site?
I am currently working on a Dev.to plugin that can display your all blogs on the external page and would appreciate getting the source code the project.
Here is the link.
hemant-blog.netlify.app/
Sorry this has a dirty CSS, cause I have been busy on other project and don't want to design it now.
Thank you;
Thats really nice, it is clean, nice usage of empty spaces and great color choices in the blog for post background. 👏
Thank you @theonlybeardedbeast !
My personal website is: Bobby Iliev
And here is a website that I've been helping with recently: DevDojo you should check it out!
Nice portfolio 👏 devdojo looks nice, I will save it to my bookmarks.
Thanks for the nice feedback! 🙌
Here you go rathik.net/ , Built in VuePress and backend for markup post and page , I connected to forestry as my simple backend
Inline-style:
nice and cool, wishing the best 👏
thank you
Sharing mine: jeffjadulco.com
Things I used:
Nice, both versions (light and dark) simple and clear 👏 In what language powers you graphql backend? I mostly choose hot-chocolate or graphql.net for .net or typegraphql for node, because I love the code-first approach.
Oh that was Gatsby's GraphQL for generating pages at build time (node). No back-end. Sorry for the confusion!
no problem, I have never worked with gatsby, so I just forgot that graphql is part of it :) thanks for the clarification.
I've decided to take a different route and make my portfolio an old newspaper 😊😅
amirmeimari.ir/
Looks amazing, great job, you are unique in the comment section. The design you linked on dribble doesn't work for me, I have got a 404, but the miniature looked really cool, let me know if you fixed the dribble link, or just write the link into the comment if you have it. 👏
Thanks for the feedback! Yeah, I've done some design in the past but decided to just focus on the development and deleted my dribble account. but here is a picture of that design if you are interested...
That looks really great! Excellent work!
Thats a great idea, Amir!
Thanks Kostia!
I tried to keep the design simple and minimal.
chadalen.com
That's a lot of tech for 'simple' ! Photo feels very nice and human.
I mean the UI/Design not the tech stack haha
Good work clear and informative, nice projects you have there 👏
Thanks :)