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 (269)
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 ;)
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!!
A few months ago I went back to the future.
My ultimate technology stack is...
It is all vanilla. No frameworks, no build systems, no libraries, no tooling. Later on I might consider porting it all over to Deno just for the fun of it. But more important would be to improve the content and design :)
merri.net
Feels like an old game interface, interesting 👏 great job!
Thanks! It is a mixture of Final Fantasy IX and Heroes of Might and Magic III with some custom HD-resolutioning on the repeating textures :)
Thanks for the insight 🙏
Loving the Amiga vibes here!
And I've never even used an Amiga! :)
Well it's never too late 😄 although it might be a bit difficult to find one nowadays 😁
That time to first paint 🤩 so clean and fast! Very nice
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 😊
You got me with that one, nice, simple minimalistic, nice colors 👏
Nice colour section carl
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! 🙌
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.
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
I made the js-coroutines site recently - to show off a library I made. It's React/JS not pre-rendered, but I should probably get around to fixing that! I use Material UI for styling and componentry.
I notice that it is way less fancy than many, I guess I was going for informative and single page for the primary content.
Still a nice one, rather an informative page than a fancy one without no information at all, but I think you found a sweet spot in between 👏
Thanks :)
Hey, Mike!
Have you considered using documentation platform, like gitbook or docusaurus?
I've seen some good examples: router5.js.org/ or babeljs.io/docs/en/
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 :)
Mine is belev.dev
Tech used: Gatsby, Netlify, Netlify DNS. I wanted to play around with Gatsby and this is why I choose it. Good performance, SEO, customizable and React based. For deployment I wanted something with which I can start really quickly and Netlify was perfect for that. Doing almost nothing get’s you up to a point with deployed site, deployment on push to master, preview for PR, SSL from Netlify DNS. I am pretty happy with the setup and the time it takes to go live.
I believe that, I have that now.sh setup, which works similarly like netlify, just a command and my site was up and running, Great choices nice and simple site, nice job 👏
Thank you 🙌
This is a website for one of my project on GitHub.
Used :
nice 👏
Thanks!
Here is mine: turnerj.com
It is an ASP.NET Core website using Razor Pages. For CSS, I am using Tachyons. The site is deployed to Azure, with build/deployment through Azure DevOps.
I like it, .net core is deeply in my heart, nice hover on the cards! How do you like the razor pages, I tried them once for a small project, currently I am trying blazor.
I think Razor Pages are an improvement to the general MVC architecture - it allows for a better separation without feeling like I have dozens of files representing a basic action. Currently use it across 3 sites of mine and a web application I am developing - so far so good!
What's your thoughts on Blazor like so far?
I really like it, currently I am working on my million dollar idea :D feels solid, but the tooling feels a bit slowly developed, vs code for some reason doesn't like blazor files, and linting is not that good, visual studio handles it better. I use a library called blazor styled which helps a lot, but no style highlighting inside. And the rebuild takes too much time, if I compare it to a React app development, but I like c# I like how you write components, renderfragments cascadingvalues to share a context of a parental component to its descendants.