Currently, I'm learning Nextjs and Typescript. And for learning perspective I decided to rebuilt my portfolio website with Nextjs. And I really loved it. It was so easy to recreate my portfolio website with Nextjs.
So far I'm using some of Nextjs features.
Built with
- React Framework - Nextjs
- UI components - Chakra UI
- Icons - react icons
Skills
Open source projects
Developer story
Note: I have already created this website with reactjs and chakraUI.
Top comments (31)
Pretty neat overall. Got a little bug : In developper sotry I got some scrollbar (both horizontal & vertical) in each story.
Here's what it looks like :
Here's my config :
I'm on Chrome beta.
Hope it helps ;)
Cheers
Glad you liked it.
I'll fix this issue soon.
I too found it out and was checking how to fix it
Is this fixed
This is amazing.
I ♥ next.js and chakra
Glad you liked it.
Great work by the creators of next.js and chakraUi.
can you update your app to chakra v2
@akshat202002
I have updated the majority of npm packages to their latest versions. You can now use node v16.x.
For node versions 18 and 19, try to run this command
export NODE_OPTIONS=--openssl-legacy-provider, but this is a temporary solution and not recommended.@akshat202002 Are you facing any issues on chakraUI v2?
yeah I've having trouble with node v18 as well as other dependencies
Alright.
Currently, I'm busy with other projects. I'll upgrade it to latest chakra version soon.
Is there any step by step guide for this? I was checking how i can start from basic create-next-app and then start building something like this.
No.
But you can follow these steps to create a site like this.
Got it. Thanks I will follow the steps
Great work man.
Thank you Ali.
Amazing..
Thank you.
do you use a custom domain for a portfolio website?
Yes. I'm using custom domain for my portfolio-website but it is built with react. I'll migrate it from react to Nextjs.
i've few issues with web search indexing. I've checked your website with
site:mahmad.me. It seems that your blog post links are not indexed, only some general caption for the website. Is that ok?amazing 🚀
Thank you.
this is great mn congraturations
Glad you liked it.
Looks stunning.
Could you please let me know how to remove the blue border on close and menu buttons.
Thank you.
You can remove it by installing focus-visible package.
You can also take help from my previous portfolio code.
Github Repo
Demo
Some comments have been hidden by the post's author - find out more