emlez / emlez.dev

My portfolio & blog, initially created with Stackbit, now continuing to dive deeper into it with Next.js

Home Page:https://emlez.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

emlez-preview.png

emlez.dev πŸ’œ

Along the Say My Brand 2.0 challenge, I worked on my presence around the web; from social media accounts to my professional objective.

As a part of the challenge, I worked on my website and developed it with a blog functionality using Jamstack.

"The expert in anything was once a beginner."

I always felt like this kind of work could take me a lot of time to develop, but thanks to a Low-Code tool such as Stackbit, I was able to make it happen and continiuosly grow as my web development skills improve too.

This particular site is built with:

  • React.js and Next.js to develop a development interface that can accept Markdown files and convert them into HTML and CSS using only JavaScript.
  • Netlify for its deployment to the web.
  • GitHub for its version control.

πŸ”— Here you can see it for yourself


Develop Locally

  1. Create a site from this theme using Stackbit.

  2. Once finished, you will be redirected to Stackbit Studio where you will be able to edit the content using the free on-page editing experience, and publish new versions of your site.

  3. To further develop your site, clone the generated repository.

  4. Install dependencies

    npm install
    
  5. Start the Next.js local development server:

     npm run develop
    
  6. Open http://localhost:3000/ in the browser to see your site. You can now edit the site contents, and the browser will live-update your changes. πŸŽ‰

Building for production πŸ—

To build a static site for production, or test locally how it works, run the following command:

npm run build

The exported site will be written to out folder. The contents of this folder can be deployed by serverless deployment platform such as Netlify. You can start a local server serving the static files from the out folder, for example by installing and running http-server:

npm install http-server -g
http-server out

About

My portfolio & blog, initially created with Stackbit, now continuing to dive deeper into it with Next.js

https://emlez.netlify.app/

License:Other


Languages

Language:JavaScript 60.7%Language:SCSS 39.3%