A blog about Reformed theology built with Next.js and TypeScript, featuring Markdown-based content management.
- Modern static site built with Next.js
- TypeScript for type safety
- Content management using Markdown files
- Responsive design with Tailwind CSS
- Flat design style with Reformed theology aesthetics
- Node.js (>= 16.x)
- npm or yarn
- Clone the repository
git clone https://github.com/yourusername/confessions-of-grace.git
cd confessions-of-grace- Install dependencies
npm install
# or
yarn install- Run the development server
npm run dev
# or
yarn dev- Open http://localhost:3000 in your browser to see the result.
├── public/ # Static assets
│ └── images/ # Images for blog posts
├── src/ # Source code
│ ├── components/ # React components
│ ├── lib/ # Utility functions
│ ├── pages/ # Next.js pages
│ ├── posts/ # Markdown blog posts
│ ├── styles/ # CSS styles
│ └── types/ # TypeScript type definitions
├── .gitignore
├── next.config.js
├── package.json
├── postcss.config.js
├── README.md
├── tailwind.config.js
└── tsconfig.json
To add a new blog post, create a new Markdown file in the src/posts directory with the following format:
---
title: "Your Post Title"
date: "YYYY-MM-DD"
author: "Your Name"
excerpt: "A brief excerpt of your post"
tags: ["Tag1", "Tag2"]
coverImage: "/images/your-image.jpg"
---
# Your Post Title
Your content goes here...The site can be deployed to various platforms:
npm install -g vercel
vercelnpm run build
npm start- Modify the design in
tailwind.config.jsandsrc/styles/globals.css - Update site content in component files
- Add or modify pages in the
src/pagesdirectory
This project is licensed under the MIT License.