Skip to content

My portfolio website built with Next.js, Tailwind CSS, Radix UI

License

Notifications You must be signed in to change notification settings

GreenH47/Green.homepage

Repository files navigation

Green.homepage

My portfolio website built with Next.js, Tailwind CSS, Radix UI and deployed on Oracle Cloud.⚡

fork from sagarshah.dev

preview

Tech Stack

  • Next.js - React framework for building performant apps with the best developer experience
  • TypeScript - Static type checker for end-to-end typesafety
  • Tailwind CSS - Utility-first CSS framework for rapid UI development
  • Radix UI - Primitives like drawer, button, etc. to build a stellar user experience
  • Lucide Icons - Beautifully simple, pixel-perfect icons
  • Next Themes - An abstraction for themes (Dark + Light Mode).
  • Oracle Cloud - Oracle Cloud Infrastructure (OCI) is an IaaS that delivers on-premises, high-performance computing power to run cloud native and enterprise company’s IT workloads.
  • Docker - Docker is a set of platform as a service products that use OS-level virtualization to deliver software in packages called containers.
  • Kubernetes - Kubernetes is an open-source container-orchestration system for automating computer application deployment, scaling, and management.
  • GitHub Actions - GitHub Actions makes it easy to automate all your software workflows, now with world-class CI/CD.

Running Locally

$ git clone https://github.com/GreenH47/Green.homepage.git
$ cd Green.homepage
$ npm install
$ npm run dev

Figma

If you are looking for a figma file, you can find it here.

License

Licensed under the MIT license.

deployment steps

Build and Run Docker Image

$ docker build -t green.homepage .
$ docker run -p 3000:3000 green.homepage

build and push docker image to docker hub

$ docker build --platform linux/arm64 -t green.homepage .
$ docker tag green.homepage greenh47/homepage:nextjs
$ docker push greenh47/homepage:nextjs

//or
$ docker build --platform linux/arm64 -t green.homepage . ; docker tag green.homepage greenh47/homepage:nextjs ; docker push greenh47/homepage:nextjs

build docker image to different platform

$ docker buildx build --platform linux/amd64,linux/arm64 -t green.homepage . --load

// or arm64 only
$ docker build --platform linux/arm64 -t green.homepage .

deploy docker image and use docker-compose.yml

$ docker-compose pull home_page
$ docker-compose up -d home_page

deploy docker image to kubernetes

$ kubectl apply -f k8s/deployment.yaml
$ kubectl apply -f k8s/service.yaml

About

My portfolio website built with Next.js, Tailwind CSS, Radix UI

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published