Gatsby Portfolio Dev

Overview:

The Portfolio for developers is a theme for creating personal portfolios. It can be deployed with Vercel and is powered by Next.js version. The theme is easy to customize and has a nice project structure. It also includes amazing illustrations by Undraw.co and is tablet and mobile friendly. Continuous deployment is supported with Vercel or Netlify, and there is a contact form protected by Google Recaptcha. The theme also fetches your Github pinned projects with the most stars and can be deployed with one click.

Features:

• Eslint/Prettier configured
• Scores 100% on a11y / Performance / PWA / SEO
• PWA (desktop & mobile)
• Easy to customize
• Nice project structure
• Amazing illustrations by Undraw.co
• Tablet & mobile friendly
• Continuous deployment with Vercel or Netlify
• A contact form protected by Google Recaptcha
• Functional components with React Hooks!
• Fetches your Github pinned projects with most stars
• One click deployment to Vercel

Online:

1. Create an account at Formium and grab your form endpoint URL.
2. Grab a Google recaptcha key from Google Recaptcha. Make sure to select the V2 checkbox.
3. Grab your Github token from GitHub.
4. Click "Deploy with Vercel" and pass in your:
   • Formium form endpoint
   • Google recaptcha public key
   • Github token
5. Add these variables to the Env variables section to make the contact form work. Also, update the URL in the code accordingly.

Locally:

1. Create an account at Formium.
2. Grab a Google recaptcha key from Google Recaptcha.
3. Grab your Github token from GitHub.
4. Run the following commands:

   cp .env.development.template .env.development
   npm i && npm start
   

5. You can run vercel env pull to get your environment variables from Vercel.

Deploying locally to Vercel:

It is recommended to push your code to GitHub/GitLab and deploy your repository to Vercel. Alternatively, you can hit the Deploy button on Vercel.

Clean the cache:

If needed, you can clean the cache by removing the .cache/ and public/ folders.

Summary:

The Portfolio for developers is a customizable theme for creating personal portfolios. It offers features such as a contact form, Github integration, and easy deployment with Vercel or Netlify. The theme has a clean project structure and is optimized for performance and accessibility. It is built with Adobe XD, Gatsby, React, GraphQL, Formium, and Google recaptcha, as well as other useful JavaScript libraries and Gatsby plugins. The theme is licensed under the MIT License and has contributions from multiple developers.