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)