annawaltrip.com - v2
The second iteration of my personal website, built with Gatsby, a React-based framework, and hosted with Netlify.
Currently, it's still very much a work in progress 😊
- Gatsby SPA with pages: Home, About, Skills, Projects, Contact, 404
- Fully responsive for desktop and mobile devices
- Responsive image carousels to showcase projects
- Page content stored in MDX and retrieved with GraphQL
- Dark/light theme
- Auto-load theme based on localStorage
- Relevant meta tags to boost SEO
- Accessible / WCAG compliant
- Contact form
- Additional projects
- Sorting features on skills page
- A few more themes beyond "light" and "dark"
- Site logo and improved styles
-
Install the latest LTS version of Node.js
-
Install the Gatsby CLI
npm install -g gatsby-cli
-
Install dependencies
npm install
-
Start the development server
npm start
-
Generate a full production build
npm run build
-
Preview the site as it will appear when deployed
npm run serve
Deploy this site with one click on Netlify: