Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/akinpinkman/next-gaming-blog

Video Gaming Blog created with Contentful Headless CMS
https://github.com/akinpinkman/next-gaming-blog

content-management-system contentful gaming gaming-website headless-cms nextjs react vercel-deployment video-game

Last synced: about 20 hours ago
JSON representation

Video Gaming Blog created with Contentful Headless CMS

Awesome Lists containing this project

README

        

# Welcome to Next Gaming Blog!

![Next Gaming Blog](https://github.com/akinpinkman/next-gaming-blog/blob/master/public/next-gaming-header.gif)

Hey there, gamer! Welcome to Next Gaming, your go-to spot for all things gaming. Whether you're looking for handy guides, juicy news, or just some fun feature articles to dive into between gaming sessions, you're in the right place. We've got you covered with everything from leveling up in your favorite games to staying up-to-date on the latest releases and industry buzz.

At Next Gaming, we're all about keeping you in the loop, especially when it comes to those big upcoming game releases. Our Upcoming Games Tracker lets you know exactly how many days you have left to wait until your most anticipated titles hit the shelves. So, grab your controller, settle in, and let's explore the world of gaming together!

This project is powered by Contentful Headless CMS and Next.js, with a touch of Tailwind CSS for that sleek design. So, kick back, relax, and enjoy the ride as we dive into the exciting world of gaming!

Ready to level up your gaming experience? Let's dive in! 🎮🚀

# Features

- **Guides, News, and Feature Articles:** Explore a diverse range of content covering gaming guides, industry news, and engaging feature articles.
- **Upcoming Games Tracker:** Stay informed about upcoming game releases and countdown the days until launch.
- **Contentful Integration:** Utilize Contentful's versatile content management system to efficiently organize and manage articles, tags, and game information.
- **Dynamic Routes:** Enhance user experience and SEO by dynamically generating routes for articles based on slugs from Contentful.
- **Incremental Static Regeneration:** Keep the platform up-to-date with instant reflection of changes made to Next Gaming content.

## Technologies Used

- **Next.js:** A React framework providing server-side rendering, routing, and other powerful features for modern web applications.
- **Contentful:** A headless CMS enabling flexible content management and seamless integration with web applications.
- **React:** A JavaScript library for building user interfaces, utilized extensively for creating interactive components and managing state.
- **Tailwind CSS:** A utility-first CSS framework used for designing responsive and customizable user interfaces.
- **Vercel:** Deploy and manage your Next.js applications with ease using Vercel's platform.

## Installation

1. Clone the repository:
`git clone https://github.com/your-username/next-gaming-blog.git`
2. Navigate to the project directory:
`cd next-gaming-blog`
3. Install dependencies:
`npm install`
4. Set up environment variables:

- Create a `.env.local` file in the root directory.
- Add your Contentful API keys:

`CONTENTFUL_SPACE_ID=your-contentful-space-id`
`CONTENTFUL_ACCESS_TOKEN=your-contentful-access-token`

5. Start the development server:
`npm run dev`
6. Open your browser and visit `http://localhost:3000` to view the Next Gaming blog.