Need help with personal-site?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

mldangelo
510 Stars 381 Forks MIT License 539 Commits 9 Opened issues

Description

My personal website - built with React, React-Router, React-Snap for Static-Export, and GitHub Pages.

Services available

!
?

Need anything else?

Contributors list

# 40,685
Webpack
React
Firefox
TypeScr...
467 commits
# 198
nextjs
postman...
graphql...
angular...
15 commits
# 43,150
TypeScr...
JavaScr...
React
mjml
5 commits
# 394,946
JavaScr...
Webpack
HTML
Shell
2 commits
# 1,222
GraphQL
MongoDB
Markdow...
render-...
1 commit
# 189,859
HTML
React
blockli...
Google
1 commit

Personal Website

See: mldangelo.com.

My personal website. An MIT licensed, simple, easily modifiable, statically-exportable React, Jamstack application that deploys automatically for free using github pages. Built using modern javascript, based on create-react-app with React-Router, SCSS, github actions, and many other useful technologies.

Adapting this Project

Building your own personal website from this project can take as little as 30 minutes. Follow the setup instructions below and review detailed notes and a checklist on adapting this project here. Please feel free to reach out to me by filing an issue or emailing me at [email protected] for help configuring your project.

Contributing

Contributions are actively encouraged. Please review the design goals, roadmap, and contributing guidelines. If you find a bug, please email me, submit a pull request (I'll buy you a coffee as a thank you), or submit an issue.

Dependencies

Tested with: node >= v12 and optional nvm for managing node versions.

Set up

To download the repository and install dependencies, run the following commands:

git clone git://github.com/mldangelo/personal-site.git # replace [mldangelo] with your github username if you fork first.
cd personal-site
nvm install # this is optional - make sure you're running >= node 12 with `node --version`
npm install

Running

Run the following command to build the react application and serve it with fast refresh:

npm start

Your web browser should automatically open to

::
default: http://localhost:3000/.

Deploying

Deploying to Github Pages

  1. Modify the environmental variables and git remote url in
    .github/workflows/github-pages.yml
    .
  2. Modify
    homepage
    in
    package.json
    to point to where you plan to host your site. If you do not plan on using a custom domain name, it should look like
    https://[your-gh-username].github.io/[repository-name - default:personal-site]/
  3. If you plan on using a custom domain, modify
    public/CNAME
    . If you don't, delete
    public/CNAME
    .

Make a commit to

main
and push your changes. That's it.

Static Export

To statically export the site without deploying to github pages, delete or disable

.github/workflows/github-pages.yml
and run
npm run predeploy
. This generates a static export of the website as
personal-site/build/
. Copy this and self-host or deploy to a CDN.

Acknowledgements

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.