Discussion on "Steps To Build A Professional Next.js Portfolio"

Diala Abul-Khail · 2022-06-18T11:22:06.592Z

Overview In this blog I am going to explain all necessary steps to create a multiple pages portfolio/website using React, Next.js and Tailwind with JavaScript. Hope you enjoy it ! React And Next.js React is a JavaScript library for building user int...

It was great article Diala Abul-Khail, I really enjoying your writing style 🥰

Nice article! But I don’t understand how you manage the form? Could you explain? Thanks.

Hubert

You can use EmailJS as a tool to send emails from react/javascript to your acutal email.. all you have to do is to sign up here: emailjs.com and link your account with your email

now create a new template in EmailJS that matches your contact inputs.. (this is how you are going to receive data)

then use this command to install emailjs with npm: npm install @emailjs/browser@3.6.2

after that you can add this to your contact component as a handler function for the form:

import emailjs from "@emailjs/browser";

function sendEmail(e) { e.preventDefault(); emailjs.sendForm( "your service id --> from your Emailjs profile", "your template id --> from your Emailjs profile", e.target, "Your personal id from Emailjs profile" ); }

Nice article Diala Abul-Khail 👏👏

Great job!.. I like your post a lot!!

Thank you for sharing such fantastic content...

What are some of the resources you used in your learning journey from the beginning? Diala Abul-Khail

Davis The Coding Apostle

Hello Davis, you can check my readings repo,, it has most of the resources I used

dialaabulkhail.github.io/Reading-Notes

Awesome article! Looking forward to seeing your post on Remix. Feel free to drop a msg if you want to collaborate on it :)

This is really great👏

PS: When you are commenting bash code, you use # and not // as you did in the create Next.js app codeblock.

Awesome article, everyone should surely give it a read Diala Abul-Khail.

Great article! Thanks for sharing ⭐

Just so you know, the links in the Recommended Extensions are broken.

Thanks for the note, It's fixed now!

A really great easy-to-follow example, thanks Diala Abul-Khail I'll be spinning this up locally to play with and explore.

With NextJS, I always thiink about <Link/> tag. For one page, you've demonstrated href ='#name' and referenced id for that div on the same page. Thanks for clearly showing that.

Very well written Dialia 👏!!

Discussion

Steps To Build A Professional Next.js Portfolio

Responses(13)

Recent in Forum

Search Hashnode

Steps To Build A Professional Next.js Portfolio

Responses(13)

Recent in Forum