Skip to content

Latest commit

 

History

History
83 lines (64 loc) · 2.31 KB

README.md

File metadata and controls

83 lines (64 loc) · 2.31 KB
Raw

Next.js Blog

A blog application built using Next.js 14, featuring Google sign-up and sign-in functionality via Supabase, and a Supabase-based database.

Table of Contents

About

This project is a simple blog application developed using Next.js 14 and TypeScript. It includes features for managing and displaying blog posts with a modern, responsive design. The application integrates Google sign-up and sign-in functionality using Supabase, and uses Supabase as its database.

Installation

  1. Clone the repository:

    git clone https://github.com/buchii1/next.js-blog.git

  2. Navigate to the project directory:

    cd next.js-blog

  3. Install the dependencies:

    npm install

  4. Set up Supabase:

    • Create a project on Supabase.
    • Set up authentication and database tables as required.
    • Create a .env.local file in the project root and add your Supabase credentials: 
      NEXT_PUBLIC_SUPABASE_URL=your-supabase-url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your-supabase-anon-key

Usage

To run the application in development mode, use the following command:

npm run dev

Open your browser and navigate to http://localhost:3000 to access the application.

To build the application for production:

npm run build

To start the production server:

npm start

Features

  • Blog Post Management: Create, read, update, and delete blog posts.
  • Google Sign-Up/Sign-In: Integrated with Supabase for authentication.
  • Supabase Database: Utilizes Supabase for data storage.
  • Responsive Design: Optimized for various devices.
  • SEO Friendly: Built with SEO best practices in mind.

Contributing

We welcome contributions! Please follow these steps:

  1. Fork the repository.
  2. Create a new branch (git checkout -b feature-branch).
  3. Make your changes.
  4. Commit your changes (git commit -m 'Add new feature').
  5. Push to the branch (git push origin feature-branch).
  6. Create a new Pull Request.

Contact

For any inquiries, please contact: