Personal webpage & portfolio Made with Nextjs, React & Tailwind

Last update: Jul 28, 2022

loom's webpage documentation

This repository contains the assets and the source code required to build loom4k's personnal webpage. I am glad you want to contribute!

Using this repository

You can run this website locally using Node.js and NPM. We strongly reccomend sticking to NPM and not running it using Yarn as it's never been tested and some bugs may occur.

Prerequisites

To use this repository, you will need the following installed locally:

  • Node.js
  • npm (should be installed with node)
  • A container runtime, like Docker

Before you start, make sure to install the dependencies. Clone the repository and navigate to the directory:

git clone https://github.com/loom4k/webpage.git
cd webpage

Running the website locally using Node and Next.js

To build and test the website locally, run:

# Install dependencies
npm install

# Build & run website
npm build
npm run

Running the website using Docker

To build the website with docker, run:

docker build -t webpage .

Afterwards, to run the website, do:

docker run -p 3000:3000 webpage

This will start the Next.js local server on port 3000. Open up your browser to https://localhost:3000 to view the website. As you make changes to components and pages, Next.js updates the website and forces a browser refresh.

Troubleshooting

More information will be added as some issues are reported

Thank you

This website wouldn't be what it is right now without all the contributors. I truly appreciate everyone who submit issues, start discussions and open pull requests to contribute! This wouldn't exist without you.

GitHub

https://github.com/loom4k/webpage
You might also like...

This is a react portfolio template build using react, typescript and tailwind css. It help developers and designers to showcase their work

React Portfolio Using Tailwind UI This project include a portfolio template which is built using React and Tailwind CSS. It help developer and designe

Oct 30, 2021

๐Ÿ‘จโ€๐ŸŽจ An open-source portfolio template built with React and Tailwind.

๐Ÿ‘จโ€๐ŸŽจ An open-source portfolio template built with React and Tailwind.

๐Ÿ‘จโ€๐ŸŽจ An open-source portfolio template built with React and Tailwind.

Jul 30, 2022

A simple portfolio site, built in Next.js, Tailwind CSS - using this great blogging starter template.

A simple portfolio site, built in Next.js, Tailwind CSS - using this great blogging starter template.

A simple portfolio site, built in Next.js, Tailwind CSS - using this great blogging starter template.

Jul 25, 2022

Portfolio site developed with NextJs & React framer-motion for fluid fancy animations

Portfolio site developed with NextJs & React framer-motion for fluid fancy animations

Jul 6, 2022

๐Ÿ”ท My lovely portfolio built with React, NextJS, and TailwindCSS

Hey there! I'm Brayden and this is my lovely lovely portfolio built using React, NextJS, and TailwindCSS!

Aug 4, 2022

A modern portfolio website UI made with react for a youtube tutorial.

A modern portfolio website UI made with react for a youtube tutorial.

Nov 15, 2021

Simple portfolio made using React.Js and CSS

Simple portfolio made using React.Js and CSS You can fork this repo to modify and make changes of your own. linking ba

Jun 26, 2022

Responsive Portfolio Template Made With Reactjs

Responsive Portfolio Template Made With Reactjs

Portfolio Live Preview - Click Here ๐Ÿ›  Installation and Setup Instructions Clone down this repository. You will need node.js and git installed globall

Jul 30, 2022

โช Rewinds โ€“ Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more

โช Rewinds โ€“ Remix Tailwind Starter Kit with Tailwind CSS, Headless UI, Radix UI, and more

โช Rewinds โ€“ Remix Tailwind Starter Kit Rewinds is a Remix starter kit with Tailwind CSS v3 family of libraries. This is an example demo to combine the

Aug 4, 2022
Personal Website UI Template using React-TypeScript. I hope, it will be helpful for your personal website that showcases your work as a software developer.

Personal Website Template Personal Website UI Template using React-TypeScript Class components Personal website can be about anything you want, includ

Jun 15, 2022
my portfolio website using React/Nextjs and tailwind

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Dec 28, 2021
Obsidian - Elegant portfolio template built on NextJS and Tailwind CSS
Obsidian - Elegant portfolio template built on NextJS and Tailwind CSS

Obsidian โœจ Obsidian is a minimal and lightweight portfolio template built on Nex

Jul 21, 2022
Personal portfolio built with React, using Formspree, deployed on Netlify.

Personal Portfolio Website This project was built with React.js, and deployed with Netlify. Used Formspree for contact form management, and AOS for sc

Jun 14, 2022
Personal Portfolio Website built with React v16
 Personal Portfolio Website built with React v16

A clean and customizable ReactJS portfolio template for fellow developers. Credits to Jo Lienhoop!

Jul 31, 2022
Personal portfolio inspired by VS Code and Github, using React, Context API, html and CSS
Personal portfolio inspired by VS Code and Github, using React, Context API, html and CSS

Personal portfolio inspired by VS Code and Github, using React, Context API, html and CSS

Jun 17, 2022
Go-chiyoo - Webpage for Siheung fire station consulting,built using react.js
Go-chiyoo - Webpage for Siheung fire station consulting,built using react.js

Go! ์น˜์œ  - ์‹œํฅ์†Œ๋ฐฉ์„œ ์•ˆ์ „์ปจ์„คํŒ… ํ”Œ๋žซํผ ์ œ 33ํšŒ ์†Œ๋ฐฉ์ •์ฑ…์ปจํผ๋Ÿฐ์Šค ์†Œ๋ฐฉ์‹œ์„ค ๊ฒฝ๋…„๋ณ€ํ™”์— ๋”ฐ๋ฅธ ๋…ธํ›„๋„ ๋ถ„์„๊ณผ ํ™”์žฌ ์•ˆ์ „์„ฑ ํ™•๋ณด๋ฅผ ์œ„ํ•œ ๋Œ€์‘๋ฐฉ์•ˆ

Jan 4, 2022
Boilerplate-tailwind - A simple boilerplate using NextJS, Typescript, Tailwind, Jest, Storybook and more

This is a Next.js boilerplate using TailwindCSS and other cool stuff. Most of th

Aug 2, 2022
Portfolio - A Simple Portfolio page Built with next.js
Portfolio - A Simple Portfolio page Built with next.js

Portfolio Inรญcio Essas instruรงรตes fornecerรฃo uma cรณpia do projeto instalado e fu

May 22, 2022
๐Ÿ ๐ŸŒŽ Personal website built with React & NextJS.

???? Personal website built with React & NextJS.

Jul 13, 2022