nextjs-portfolio icon indicating copy to clipboard operation
nextjs-portfolio copied to clipboard

Next.js Portfolio With Framer Motion Animations

Technologies Used

The following technologies were used to create this portfolio:

  • Next.js
  • React
  • Typescript
  • SCSS
  • Framer Motion
  • Kinsta

🛠 Installation & Set Up

  1. Install dependencies

    yarn
    
  2. Start the development server

    yarn dev
    

🚀 Building and Running for Production

  1. Generate a full static production build

    yarn build
    
  2. Preview the site as it will appear once deployed

    yarn start
    

🎨 Color Reference

Color Hex
Navy #0a192f
Light Navy #112240
Lightest Navy #233554
Slate #8892b0
Light Slate #a8b2d1
Lightest Slate #ccd6f6
White #e6f1ff
Purple #9d00ff

🚀 Deployment on Kinsta:

Kinsta is a leading cloud hosting provider that specializes in offering high-performance hosting solutions for applications and databases. With a global network of data centers, Kinsta provides reliable and scalable hosting services to businesses of all sizes, from startups to enterprises.

In addition to their hosting services, Kinsta provides top-notch customer support with a team of WordPress and hosting experts available 24/7 to assist customers with any questions or issues they may encounter.

With its high-performance hosting solutions, robust security measures, and exceptional customer support, Kinsta is a trusted choice for businesses looking for reliable and scalable hosting solutions for their applications and databases.

Use the links below to get $20 worth of credits to get started.

Kinsta Application Hosting

Kinsta Database Hosting

This project was a part of my Youtube Channel. Check out the video to learn how to build this awesome portfolio from scratch and host the NEXT.JS Portfolio on Kinsta.