Hi to all1, I'm struggling to choose a framework/thing to create my portfolio; i don't want a complicated thing, like many page or something, what i was thinking is much more a responsive, beautiful, single page site to describe me in some words.
Can you give me some advices? Thanks to All!
I would recommend not making one, an interesting and active GitHub account (warts and all) is a much better way for employers to get an idea of your capabilities
An active GitHub account is not always a good indicator. In my case, the majority of the projects I've worked on over the past few years are confidential, hence absent from my public Github. Therefore, in my case, a portfolio is more than necessary.
What's in the portfolio if the majority of projects are confidential?
Unfortunately, I cannot display them in my portfolio neither.
How do i start contributing to OSS most of the time it seems overwhelming don't know where to start. I have contributed in some issue fixes with PR but those projects are not much active(PR were not reviewed). I want to participate in contributing OSS do you have any advice?
Look for "good first issues". It's the best way I know to start contributing to OSS.
Thankyou
Never hurts to have one!
Actually not true. A poorly constructed portfolio has been a key reason for me not hiring a good few developers
Lately I've been going back to plain old HTML, CSS, and some JS. If I don't need to fetch any data, it's the fastest/most simple way to get something online.
However, my personal site is written in Remix.JS (for the blog and some other small shenanigans. NextJS is also a great option.
i used nuxt . because ... , i think that it's simple . if i don't need to call api or add system "send me a message " , i choose html/css/js . excuse me for my level of langage , i speak french . bood luck
Love me some Nuxt
Hey! i have some updates, i've just finished writing my portfolio (even if it is not quite finished).
At the end i've used AstroJS with the portfolio theme (i'm not great at UI design).
So the end result is like this:
filippo-ferrando.github.io/
Thanks to all for the suggestions!!!
I'd say some static site renderer will do the job, but just plain old html/css/js just works as fine as it can.
But those static site generators use so much useless boilerplate.
Eleventy
11tyis a really good solution, a SSG, but no react or vue, just like we used to have anexpress.jswithpug,jade, orejstemplates back in the day when people usedember.jsbecauseangualarsucked, but on frontend.I'd use Svelte, mainly because of its performance and the
flipfunction, which helps animating things. For styling, probably I'd go w/ Sass. Also, if I wanted some complex animations, I'd use GSAPI'm currently working on my own portfolio page using Svelte (actually for the first time using it), and I think I'll never want to go back to plain HTML/CSS/ja ever again. I've never experienced sooo much convenience ever, especially when it comes to interactivity and responsiveness.
So I'd go for Svelte, main points are easy to use/learn and install and super lightweight.
For starters, I'd suggest that each of your projects in Github (that you want to be seen by potential employers) should use github.io (github pages) to host your demo/documentation in a presentable way. This tells them that you care about how your projects are consumed and that you care about the developers consuming them.
I would reference those github pages on your portfolio site with maybe a screenshot of each project (would be even better if you can set up SEO for the project and have it give you that out of the box).
For the actual stack of the portfolio site, use whatever tools come natural to you, whether it's plain (html, css, js) or react/angular/solidjs/vue/svelte.
There is no wrong way to go about it, but if you use the tools you want to develop for within your portfolio site, it is more impressive since it is a showcase in itself that you are experienced with the tools.
Nice Explanation 💯
Plain old CSS/SCSS,JS and HTML maybe some PHP if required.
I never understood why anyone would use frameworks like React with SSG or SSR for their own portfolio site...
Can you explain what SSG ans SSR are? i never seen this terms
SSG is Static Site Generation meaning the code is executed at buildtime to produce a static html file with the components (in case of react) already rendered.
SSR is Server Side Rendering which does the same but on the server side for each request (if not cached)
If you are a frontend developer I would suggest seeing building a portfolio as a fun challenge with some new technology as a way to learn. However if you just want to get something online quickly and without much effort, I'd suggest using some kind of static site generator. I built one that's free and open-source called HydePHP. You can create a great looking site that "just works" out of the box. You can even create all your content in Markdown. All the TailwindCSS styles are already there as it Hyde comes with a great starter kit and frontend template that's both responsive and has a dark theme. The site then gets compiled to static HTML which is easy cheap and fast to deploy.
You can learn more at hydephp.com/, and feel free to ping me if you have any questions!
I've been wondering the same question for myself and found a portfolio is a great way to show off your talents in some newer tech stacks you might not get to use in projects yet. I found writing a site as a PWA or in NEXT.js might be the best way to show off talent plus PWA's and NEXT.js have been gaining a ton of support and popularity in the enterprise space
now i'm evaluating:
well, i changed my mind, i'm build one using AstroJS.
Really fast and simple
.
As i think my portfolio as a showroom of what i can do, I'll use the same technology than i use in my job. So i'll probably use laminas or next. But I you aren't used with any framework, just use the languages you know, without frameworks. If you just want to make a small portfolio, sin,gle page, you clearly just do it with HTML/CSS/JS without any framework
I'm mostly developing back-end, so I would use Hugo (static site generator).
For now I'm using Wix, I would not say that I like it that much, but it gets the job done. If I continue writing posts, I think I'll make a switch to Hugo.
My site if you're interested: fomenko.dev
If you just want a single page site then without any doubt go for the trio, HTML CSS & JS. If you want a blog attached with your portfolio or more pages then go with Next ja & mdx. I wrote my portfolio in Gridsome because i mostly use Vue. But now I am rewriting it in next js. Hope it helps.
I have used Nuxtjs for mine last year, because I wanted a framework with automatic routing based on file path and a static site. Also I was really into Nuxtjs at that time.
Now that I tasted Svelte with Sveltekit, if I had to do it again I would use Sveltekit. It has the same features as Nuxtjs, but is way easier to code with. And the end project is lighter as Svelte is a compiler
My first portfolio was something I just threw together so it would be there. I decided to actually sit down and plan it.
Initially I had thought of Nextjs, but decided on Eleventy, had it up and ready in far less time than if i had the other route
It's very fun to use and highjy customisable (Eleventy) . I'm currently doing a series on it if you're interested
I just finished the first draft of my personal website today using plain html/js (I used bootstrap because fuck css)
hycord.is-a.dev/
you used bootstrap because you don't know css
admit it
i mean, i cant lie and say no, but yes
(but sass is better)
fuck CSS and fuck Bootstrap
Sass is the way
How about tailwind?
I would go with React or Next.js.
I made mine using
11tythat way you get the benefit of being a static site (mainly the loading speed static sites are king when it comes to speed) without so much overheadI’ve created mine with React, it’s more about your choice.
Just start it mate!
why are you even considering using a framework for a simple portfolio website? use pure html, css and optionally js, thats all you need
React is really great for developing a portfolio.
For the frontend HTML, TailwindCSS, JS (if needed).
Laravel on backend
I'd use Astro.
It's a new tech but it works perfectly creating static content, like a portfolio.
Plus, you're able to use any framework you desire such as React, VueJS, etc. You can even mix them.
You will like AstroJS. Frontend agnostic. Compiled with minimal js. Only static tho.
astro.build/
I'm not a designer, so I used a template.
It's not using anything too special other than Bootstrap and Gulp. I published on Github pages.
Hi! since I am a VueJS developer, I suggest using vue JS. its really awesome, easy to use and it has a lot of features your going to love.
I used it on my portfolio, heres mine. jenuelganawed.com
One of my npm package github link work well under job search.
Just keep it simple and informative. You can use bootstrap/bulma/tailwind for easier designing. Just make one static website, thats all
I've use to create portfolio with ReactJS.
Core html css 🚩🚩🚩🚩
GitHub pages with a Jekyll template
Can try static site generator (I use Hugo for my Blog)
now i'm evaluating:
Svelte
11ty
Hugo
Some pro and cons?
I would recommend using a static site generator, as its faster to load and easier to deploy.
If you're femiliar with react, I think gatsby would be the best option.