https://github.com/samuellealb/portfolio-nextjs-vercel
Simple Portfolio website project built with Next.js, Contentful and Storybook
https://github.com/samuellealb/portfolio-nextjs-vercel
contentful nextjs portfolio storybook
Last synced: about 1 month ago
JSON representation
Simple Portfolio website project built with Next.js, Contentful and Storybook
- Host: GitHub
- URL: https://github.com/samuellealb/portfolio-nextjs-vercel
- Owner: samuellealb
- Created: 2024-06-23T22:36:12.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2025-02-25T20:57:31.000Z (2 months ago)
- Last Synced: 2025-02-25T21:35:21.531Z (2 months ago)
- Topics: contentful, nextjs, portfolio, storybook
- Language: TypeScript
- Homepage: https://portfolio-nextjs-vercel-puce.vercel.app
- Size: 4.78 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a **Next.js** project, integrated with **Storybook** for component development and with **Contentful** for content management.
# Node Version
20.18.0 or higher
# Getting Started
## Install dependencies
```bash
npm install
```
## Development server
```bash
## To run Next.js development server:
npm run dev
## To run Storybook:
yarn dev:sb
## To run both Next.js and Storybook concurrently:
yarn dev:all
```
## Usage
Open http://localhost:3000 with your browser to see the Next.js result.
Open http://localhost:6006 with your browser to see the Storybook result.
# Contentful Configuration
Contentful API keys are required to run the project.
Create a `.env.local` file in the root directory and add the following environment variables:
```bash
CONTENTFUL_GRAPHQL_URL=https://graphql.contentful.com
CONTENTFUL_ACCESS_TOKEN=your_access_token
CONTENTFUL_PREVIEW_ACCESS_TOKEN=your_preview_access_token
CONTENTFUL_SPACE_ID=your_space_id
## Need to set the environment to fetch content from
CONTENTFUL_ENVIRONMENT=your_environment
```