Ronald Skinner's Portfolio

This is my professional portfolio built using Vercel's #NextJS framework, pulling some data (skills/projects) from Storyblok and rendering the output using this fantastic feature Nextjs offers us, incremental static regeneration (ISR). I deployed it on Netlify which handles Nextjs apps seamlessly with its brand-new runtime. Last but not least, I'm protecting my contact form with the new Cloudflare's #Turnstile service, a nicely integrated smart CAPTCHA alternative.

Built With

• NextJS
• TailwindCSS
• Storyblok
• Testing Library
• Redux / Redux Toolkit
• Firebase SDK
• Firespot (My own open-source npm package)
• Formik

Live Demo

Ronald Skinner's Portfolio

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• You must have node / npm installed

Setup

• Clone this respository in your local machine: git clone git@github.com:rskinnerc/portfolio.git
• Move to the created folder cd portfolio which is the root folder
• In order to use Firebase and initialize a Firebase App, you must provide the required values in the .env file (For development use a .env.local which should be git ignored)

Install

• Install the dependencies using npm install

Usage

• Start the development server with npm run dev
• In your browser, navigate to http://localhost:3000

Run tests

• You can run the tests with npm test

Deployment

• It depends where you wan to deploy your code, I strongly suggest Netlify which supports NextJS's SSR features

Authors

👤 Author1

• GitHub: @rskinnerc
• Twitter: @XSkinner
• LinkedIn: Ronald Skinner's LinkedIn

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration

📝 Copyrights

This project, its code, assets and documentation are copyrighted by Ronald Skinner Cardenas. All rights reserved. 2022