Deploy-a-nextjs-portfolio-app-to-eks-using-github-actions 👋

Software Developer Portfolio Template built with Next.js, bootstrap that helps you showcase your work and skills as a software developer.

Sections

✔️ Summary and About me
✔️ Skills
✔️ Education
✔️ Work Experience
✔️ Feedbacks
✔️ Projects
✔️ Github Profile

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

You'll need Git and Node.js (which comes with npm) installed on your computer.
For Windows Install Visual C++ Build Environment: Visual Studio Build Tools

node@v10.16.0 or higher
npm@6.9.0 or higher
git@2.17.1 or higher

How To Use

1. Fork this repoistory and clone it to your local machine.

$ git clone https://github.com/<your-username>/developer-portfolio.git

2. Go into the repository

$ cd developer-portfolio

3. Install dependencies

$ yarn

4. Edit portfolio.js

5. Start's development server

$ yarn dev

deploy-to-eks-using-github-actions

1. Create an EKS Cluster using this command:

eksctl create cluster --name primuslearning --region us-east-2 --nodegroup-name linux-nodes --node-type t2.micro --nodes 2

2. Then create .github folder and then create workflow folder inside .github folder
3. create file with .yml extension and write the workflow code
4. Create a github repository
5. Create secrets in github repo Go to settings of repo click on secrets and variables
6. Test application by getting the dns name and going to a web browser

Clean up: Run: eksctl delete cluster --name portfolio-app

Linking Portfolio to Github

  //  portfolio.js
  githubUserName: 'YOUR GITHUB USERNAME HERE',

Using Emojis

For adding emoji 😃 into the texts in Portfolio.js, use the emoji() function and pass the text you need as an argument. This would help in keeping emojis compatible across different browsers and platforms.

Technologies Used

• Next.js
• axios
• reactstrap
• react-reveal
• react-lottie
• react-easy-emoji
• react-headroom
• color-thief