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 2 months 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 (8 months ago)
• Default Branch: main
• Last Pushed: 2024-12-10T18:10:11.000Z (about 2 months ago)
• Last Synced: 2024-12-10T19:37:22.302Z (about 2 months ago)
• Topics: contentful, nextjs, portfolio, storybook
• Language: TypeScript
• Homepage:
• Size: 4.49 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• 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

```