https://github.com/nathandaven/portfolio-next

[deprecated] My portfolio and little home on the internet, now written in Next.JS and TypeScript. See below link for a snapshot.
https://github.com/nathandaven/portfolio-next

contentful framer-motion nextjs react tailwind typescript

Last synced: 11 days ago
JSON representation

[deprecated] My portfolio and little home on the internet, now written in Next.JS and TypeScript. See below link for a snapshot.

• Host: GitHub
• URL: https://github.com/nathandaven/portfolio-next
• Owner: nathandaven
• License: other
• Created: 2021-08-17T16:51:43.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-04-25T01:06:05.000Z (10 months ago)
• Last Synced: 2024-11-24T02:11:34.414Z (2 months ago)
• Topics: contentful, framer-motion, nextjs, react, tailwind, typescript
• Language: TypeScript
• Homepage: https://portfolio-next-git-main-nathandaven.vercel.app/
• Size: 10.2 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        

## My Portfolio Site @ nathandaven.com

This is my portfolio site created with Next.JS, Tailwind CSS, Framer Motion, and Contentful. The site uses SSR to generate static pages from React code, based on my content hosted on Contentful. My photo albums use an api to parse direct links from public Google Photos albums I've created, and display them using a lazy loader to save on bandwidth. Converted this from my original CRA and JS portfolio design, in order to learn TypeScript and Next.JS. Overall, had a good time!

Check it out at https://nathandaven.com!



## Running on local

First, run the development server:

```bash

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## About Next.js

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.

- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!