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.
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.
- 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.
-
Clone this repository.
-
Install dependencies using Bun:
bun install
-
Set up your Contentful space and API keys in the
.env
file. -
Run the app locally:
bun dev
The Portfolio Template should be running on http://localhost:3000
.
- Commit hooks are enforced using Husky.
- Type-safe GraphQL API with graphql-codegen.
You can easily deploy this template to Vercel:
Environment variables docs Make sure to set your Contentful environment variables before deploying.
For previewing content in your live site:
- Set a unique value for
process.env.CONTENTFUL_PREVIEW_SECRET
. - Configure the Contentful space to match the preview URL structure.
MIT License, see LICENSE.
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.
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.
Want to make an enhancement proposal, including completely new features and minor improvements to existing functionality? Please create an issue with the proposal template.
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.