Skip to content

patgpt/my-contentful-portfolio

Repository files navigation

Contentful Portfolio Template

A ready-to-use developer portfolio template built with Next.js and Contentful, designed for easy customization and deployment.

A Developer Portfolio Starter Template powered by Next.js & Contentful. Pre-designed with optimized & adjustable pages, components, and data management.

Portfolio Template

Next.js TypeScript Tailwind CSS Contentful React GraphQL ESLint Prettier X (Twitter)

Build Status

What is Contentful?

Contentful is a content management system (CMS) that provides content infrastructure for digital teams. It offers APIs and a web app to manage and deliver structured content, perfect for modern web applications like this one.

Features

  • Composable content through flexible content modeling.
  • Localization ready.
  • SEO ready.
  • Incremental Static Regeneration with Next.js.
  • Type-safe GraphQL API with graphql-codegen.
  • Enhanced Developer Experience with TypeScript.

Getting Started

  1. Clone this repository.

  2. Install dependencies using Bun:

    bun install
  3. Set up your Contentful space and API keys in the .env file.

  4. Run the app locally:

    bun dev

The Portfolio Template should be running on http://localhost:3000.

Development

Deployment

You can easily deploy this template to Vercel:

Deploy with Vercel

Environment variables docs Make sure to set your Contentful environment variables before deploying.

Content Preview

For previewing content in your live site:

  1. Set a unique value for process.env.CONTENTFUL_PREVIEW_SECRET.
  2. Configure the Contentful space to match the preview URL structure.

License

MIT License, see LICENSE.

How Can I Contribute?

Before creating a new issue; please check out the open issues as someone might have already created one for you! Please use the recommended templates for each section as helps us resolve issues faster.

Reporting Bugs

Bugs are tracked as GitHub issues. If you are sure there's currently not an issue that describes the bug you're experiencing, create an issue on the repository and provide the following information by filling in the bug report template.

Note: If you find a Closed issue that seems like it is the same thing that you're experiencing, open a new issue and include a link to the original issue in the body of your new one.

Proposals

Want to make an enhancement proposal, including completely new features and minor improvements to existing functionality? Please create an issue with the proposal template.

General feedback

Not experiencing a bug or wanting to make a proposal, but still want to reach out? Feel free to open a general feedback issue using this template.

Releases

No releases published

Packages

No packages published

Languages