I Created My Own Portfolio Using Nextjs

#nginx #learning

Introduction

Hello! 👋 I started working on my own portfolio site so I thought I'd show you what I have created so far.

There are still some parts missing, such as the contact form not doing anything yet, but I'm planning on implementing it soon. 🥲

Also I don't have much experience with front end development yet so if you have any advice I would really appreciate it. 👀

I also decided to keep it simple as I don't really like flashy animations etc. 😅

Index Page

The first page is obviously the index page:

Pretty basic I know, I'm probably going to change the "Portfolio" bit into an icon, I also have my instagram/github profile in the navigation bar. 👀

Experience Page

The next page is my experience page:

This page basically lists my work experience, the majority of my work is with Japanese companies. I also sometimes do a little bit of freelancing on the side.

I'm thinking of changing the list into cards. 😸

About Page

The about page contains simple information about me:

I still need to change the avatar but it's basically a simple card layout. The background image was taken during my travels around Japan.

Contact Page

Finally the contact page:

This is probably my favorite page as I love the color scheme. ☺️
However I still haven't implemented the logic for sending so that will be my next biggest priority.

Conclusion

Here I have showcased my own portfolio site. I think every developer should create their own portfolio site as it's an amazing learning experience. 😎

I know using nextjs for something simple like this is a bit overkill, but I'm currently learning nextjs and tailwind so it was a great learning experience.

I'm thinking of supporting multiple languages once I implement the contact form.

Also if you have any advice etc. Please let me know. 🤗

The source for this project can be found at:
https://github.com/ethand91/next-portfolio

The site is live at https://ethan-dev.com, you can view it just don't try to use the contact form. 😂

For hosting I use a service called netlify, I strongly recommend it they even provide free SSL.

If you already have your own portfolio site, let me know and I'll give it a view. 👀

Happy Coding! 💪

Like me work? I post about a variety of topics, if you would like to see more please like and follow me.
Also I love coffee.

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →