🤙 NextJS-Portfolio

NextJS Portfolio for everyone, this simple portfolio website is build with NextJS and Tailwind CSS, this also have a small static blog by using gray-matter for converting Markdown to HTML.

This project is open-source, please fork, create your own branch, and start pull request to contribute to this project.

⚔️ Feature, Tech, & Lib

• NextJS
• ReactJS
• Preact for Production
• Tailwind CSS (JIT, Dark mode)
• SEO Friendly
• Has a minimalist static blog
• Modern and minimalist design
• Custom 404 page
• tailwindcss/typography
• remark
• markdown
• react-icons

⚡️ Getting Started

You should have Node.JS version 12 >= and NPM version 6 >= installed on your local machine, you should have IDE or Text Editor installed on your local machine, I recommend you to use VS Code (as I have already configured settings for vs code for Tailwind Intellisense for you), but you can use another IDE or Editor like Vim, Atom or even Sublime Text.

⚙️ Installing on your local machine

Clone this repository

git clone https://github.com/rizkimcitra/nextjs-portfolio .

Remove the remote origin

after you clone this repo, I want to remind you if you want to remove the remote repository for this project, and you can add your own remote repository

git remote rm origin

Install all the packages

it's basically install all the dependencies needed for the app to run

npm install

Development mode

let's get started to develop this project by typing the command below! Happy hacking!

npm run dev

Deploy for production

note that development mode is not suitable for production, to deploy use production ready instead, run the command below instead and you'll get a folder named dist, that folder is ready for your production!

npm run build

Updating

After you've cloned this repo, don't forget to:

• [X] Change the author name on LICENSE file
• [X] Change the package name on package.json file

License

This project is under MIT license, see the license here