CodeLikeAGirl29 / edgefolio

A Tailwindcss NextJS React blog site using ConvertKit and deployed with vercel.

Next.js Portfolio Project

Welcome to my personal portfolio website built using Next.js!

Live link can be found here

About

This project showcases my skills, projects, and experiences as a web developer. It's designed to provide a clean and efficient way to present my work to potential employers, clients, or collaborators.

Features

• Responsive Design: The website is fully responsive, ensuring an optimal viewing experience across various devices and screen sizes.

• Project Showcase: Explore a curated selection of my web development projects, complete with descriptions, technologies used, and live demos where available.

• About Me: Learn more about me, my background, skills, and passion for web development.

• Contact Form: Reach out to me directly through the integrated contact form for inquiries, collaborations, or job opportunities.

• Blog Section: Stay updated with my latest thoughts and insights on web development trends and technologies.

Screenshot

Technologies Used

Usage

To run this project locally:

1. Clone this repository.

git clone https://github.com/codelikeagirl29/edgefolio.git

2. Install dependencies using npm install or yarn install.
3. Start the development server with npm run dev or yarn dev.

The website will be accessible at http://localhost:3000.

Environment Variables

To run this project, you will need to add the following environment variables to your .env file

NEXT_PUBLIC_SITE_URL =

SENDGRID_API_KEY =

Here is SendGrid API Key's docs

GITHUB_TOKEN =

Here are Github's docs for their personal access tokens.

CONVERTKIT_FORM_ID =

CONVERTKIT_API_KEY =

CONVERTKIT_API_URL = https://api.convertkit.com/v3/

Here are ConvertKit's docs for their API.

ESLINT_NO_DEV_ERRORS = true

ANALYZE = false

Feedback and Contributions

Feedback, suggestions, and contributions are welcome! If you find any issues or have ideas for improvement, please open an issue or submit a pull request.

---

Feel free to customize this README to match the specifics of your Next.js portfolio project. Include detailed installation instructions and any other relevant information that can help users or collaborators understand and use your project effectively.