framer-swiper-next-tailwind-prismjs-sass

🚀 Personal website with framer-motion, swiper, nextjs, tailwind, prismjs, sass, mailchimp-subscribe, next-sitemap and react-calendly 🚀

https://github.com/coding-to-music/framer-swiper-next-tailwind-prismjs-sass

https://framer-swiper-next-tailwind-prismjs-sass.vercel.app

Gets https://dev.to articles and puts them into the blog section of the website

https://framer-swiper-next-tailwind-prismjs-sass.vercel.app/blog

From / By https://github.com/josemukorivo/josemukorivo.com

https://josemukorivo.com/

https://josemukorivo.com/blog/how-i-developed-my-modern-open-source-portfolio-2o92

Node Environment:

nvm use 18

Environment variables:

see .env.example

NEXT_PUBLIC_MAILCHIMP_USER=<u field>
NEXT_PUBLIC_MAILCHIMP_ID=<id field>
NEXT_PUBLIC_GA_TRACKING_ID=<google analytics gtag id>
NEXT_PUBLIC_DEV_TO_USERNAME=<dev.to username>

GitHub

git init
git add .
git remote remove origin
git commit -m "first commit"
git branch -M main
git remote add origin [email protected]:coding-to-music/framer-swiper-next-tailwind-prismjs-sass.git
git push -u origin main

josemukorivo.com

• Framework: Next.js
• Deployment: Vercel
• Content: Dev.to
• Styling: Tailwind CSS

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

Learn more

I have writen a blog post explaing how I developed the portfolio.

Running Locally:

$ git clone [email protected]:josemukorivo/josemukorivo.com.git
$ cd josemukorivo.com
$ cp .env.example .env.local
$ npm run dev
# or
$ yarn dev

Cloning / Forking

Please review the license first.