Transform Your Portfolio Website with These Expert Tips

Yes that title sounds a bit clickbaity, but I assure you this post is not all fluff. Buckle up!

I speak to a lot of folks breaking into tech. Many of these folks have a portfolio website, as it’s a requirement to land a role, especially that first one…


This content originally appeared on DEV Community and was authored by Nick Taylor

Yes that title sounds a bit clickbaity, but I assure you this post is not all fluff. Buckle up!

I speak to a lot of folks breaking into tech. Many of these folks have a portfolio website, as it's a requirement to land a role, especially that first one.

Some things have probably been repeated, but they need repeating. You have to stand out in a sea of people who all want the same thing as you.

Say you're in a boot camp. You all typically do the same projects aside from your keystone project, but this can even apply to your keystone project.

  1. Go that extra mile. Automate the deployment. There are great platforms that simplify this task, like Netlify (disclaimer I work there 😎). You can set it up to deploy on pushing code to your repository and get a deploy preview if you have pull requests etc.

  2. Consider accessibility (a11y). You don't need to be an accessibility expert, but you can get many a11y wins from just a bit of reading. I have a great list of a11y resources in my Frontend Developer Resources 2022 article.

  3. Consider adding some testing to the projects. That could be unit tests, component tests using something like Testing Library, Storybook, or Cypress Component Testing. Or even end-to-end (E2E) testing using something like Cypress or Playwright. Btw, I'm giving a talk for @_collab_lab this week on E2E testing with Cypress for anyone interested.

End to End Testing with Cypress, Tue, Mar 14, 2023, 2:00 PM | Meetup

This talk will provide an introduction to the Cypress end-to-end testing framework. We'll cover the benefits of E2E testing and then do a short demo using a Collab Lab coho

favicon meetup.com
  1. Automate something aside from the deployment. Use something like GitHub Actions. There are lots of pre-built actions at your disposal, but creating your own for a task could be fun and make you stand out.

  2. Get feedback from great welcoming communities. I've named some of my favourite ones to be a part of in this post:

All the above is excellent advice you may have heard or heard parts of. Still, the one big thing that I never hear about and see consistently, is the lack of a custom domain for a portfolio site.

Instead of having your portfolio site at e.g. https://my-awesome-portfilio.netlify.app, have something like https://janesmith.dev.

It looks more professional and shows that you know a bit about DNS as you need to set it up to point to where your site is hosted.

There are many services out there that allow you to purchase a custom domain, but one that I've been delighted with Namecheap for a long time now. The prices are super reasonable, and I've never had any issues.

Hope these points help you out! Until the next one!


This content originally appeared on DEV Community and was authored by Nick Taylor


Print Share Comment Cite Upload Translate Updates
APA

Nick Taylor | Sciencx (2023-03-12T14:12:11+00:00) Transform Your Portfolio Website with These Expert Tips. Retrieved from https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/

MLA
" » Transform Your Portfolio Website with These Expert Tips." Nick Taylor | Sciencx - Sunday March 12, 2023, https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/
HARVARD
Nick Taylor | Sciencx Sunday March 12, 2023 » Transform Your Portfolio Website with These Expert Tips., viewed ,<https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/>
VANCOUVER
Nick Taylor | Sciencx - » Transform Your Portfolio Website with These Expert Tips. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/
CHICAGO
" » Transform Your Portfolio Website with These Expert Tips." Nick Taylor | Sciencx - Accessed . https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/
IEEE
" » Transform Your Portfolio Website with These Expert Tips." Nick Taylor | Sciencx [Online]. Available: https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/. [Accessed: ]
rf:citation
» Transform Your Portfolio Website with These Expert Tips | Nick Taylor | Sciencx | https://www.scien.cx/2023/03/12/transform-your-portfolio-website-with-these-expert-tips/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.