myPortfolio
myPortfolio copied to clipboard
This is a portfolio application built by using Next.js, ChakraUi, Typescript and Dev.to api.
Mahmad.me
My personal portfolio website to show my skills, experience, and articles I publishedBuilt with
- Framework: Next.js
- Styling: Chakra UI
- Animations: Framer Motion
- Highlight Blog Content: prismjs
- Markdown Processor: remark
- ORM: prisma
- Deployment: Vercel
- Api's:
Overview
-
components/*
- Contains all components related to pages (blog, projects, about, etc).-
shared/*
- All reusable components like header, footer etc. -
layouts/*
- The different page layouts. -
theme/*
- Manage theme of site.
-
-
data/*
- Data that used for blog posts, projects etc. -
lib/*
- Collection of helpful utilities or code for external services like devto api. -
pages/api/*
- API routes. -
pages/blog/*
- Static pre-rendered blog pages using MDX. -
pages/*
- All other static pages. -
prisma/*
- My Prisma schema, which uses a Postgresql database. -
public/*
- Static assets including audios, fonts and images.
View and copy code of your favourite components
Running Locally
git clone https://github.com/MA-Ahmad/myPortfolio
cd myPortfolio && yarn install
yarn dev
The above commands will start the application on http://localhost:3000/
Cloning / Forking
Please review the LICENSE and remove all of my personal information (projects, blog posts, images, etc)