Skip to content

jlantunez/jlantunez.com

Repository files navigation

jlantunez.com Deploy

My personal site.

Create something of lasting value.

Design

The site was designed in Figma, you can find it here.

Welcome screen

Tinkering with the site

If you want to make this run on your machine but the code below looks daunting, we got you covered!

Learn How

Step 1

You'll need Node.js. Hop on that website and choose the version that says LTS and install it.

Step 2

Then you'll need to download the repo:

downloading the repo

Step 3

Once you got it downloaded you'll see a ZIP file which you now need to uncompress. This just works on a Mac but you might need something like WinRar on a Windows machine:

expanding the repo

Step 4

Now that's expanded, we need to access it via the command line. Open your terminal and write cd and an space and drag the folder directly to it. Then run npm i:

installing the repo

Step 5

It might take some minutes to get it finished but once it's done, we're fairly close! Just run npm start and a browser window will soon open.

starting the repo

Voilà!

Great! Now any changes that you make on the files will reflect on the browser automatically.

Development

Once you've cloned the repository, you'll need Node.js at least version 14 installed then run:

npm i
npm start

If you're also maintaining the site and want to access the CMS you should run this in another terminal window but the same folder:

npx netlify-cms-proxy-server

You can then access the site on the port 8080 and the CMS directly on http://localhost:8080/admin/