/blog_graphcms

Primary LanguageTypeScriptMIT LicenseMIT

Blog with Nextjs, TypeScript, TailwindCSS, and GraphCMS

This project is a blog created with the following technologies:

  • Next.js: A React-based framework for building server-rendered or statically-exported apps.
  • TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
  • TailwindCSS: A utility-first CSS framework for rapidly building custom designs.
  • GraphCMS: A headless content management system (CMS) for creating and managing content through a flexible GraphQL API.

Features

  • Server-rendered pages for improved SEO and performance.
  • TypeScript for type checking and improved developer experience.
  • Responsive design with TailwindCSS.
  • Dynamic content management with GraphCMS.

Getting started

1 Clone the repository:

git clone https://github.com/Abdullahi254/graphcms_blog.git

2 Navigate to the project directory:

cd graphcms_blog

3 Install the dependencies:

npm install

4 Set up the environment variables:

Create a .env file in the root and update the values with your own.

5 Run the development server:

npm run dev The app will be available at http://localhost:3000.

Deployment

To deploy the app to a static hosting service like Vercel, run the following command:

npm run build && npm run export

This will build the app and generate a out directory with the static files. You can then deploy the contents of the out directory to your hosting service.

License

This project is licensed under the MIT License. See the LICENSE file for details.