Welcome to JordanPorter.Dev, a personal website powered by Next.js and integrated with Sanity CMS for managing blog posts. 🎉
JordanPorter.Dev is a Next.js application designed to serve as my personal website. It incorporates Sanity CMS to enable easy management and publishing of blog posts. This project aims to provide a platform for showcasing my portfolio of projects, sharing thoughts through blog posts, and building more of a personal/professional brand. 🚀
- Next.js Integration: Built using Next.js, a React framework for building server-rendered applications.
- Sanity CMS: Integrated with Sanity CMS for managing blog content, enabling easy creation, editing, and publishing of blog posts.
- Personalized Website: Customise the website with your own branding, portfolio, and blog posts to reflect your unique identity and interests.
- Responsive Design: Ensures optimal viewing and interaction experience across a wide range of devices and screen sizes.
- SEO-friendly: Optimised for search engines to improve visibility and reach for the website and blog posts.
- Easy Deployment: Deploy the website easily to hosting platforms like Vercel, Netlify, or others with seamless integration.
To get started with JordanPorter.Dev, follow these steps:
-
Clone the Repository:
git clone https://github.com/your-username/jordanporter-dev.git
-
Install Dependencies:
cd jordanporter-dev npm install -
Set up Sanity CMS:
- Sign up for a Sanity account at Sanity.io.
- Create a new project and configure your Sanity schema for blog posts.
- Obtain your Sanity project ID and dataset name.
- Add your Sanity project ID and dataset name to your Next.js environment variables (
.env.local).
-
Start the Development Server:
npm run dev
-
Open Your Browser: Visit http://localhost:3000 to view your website.
-
Customize and Deploy:
- Customize your website by editing pages, components, and styles as needed.
- Deploy your website to your preferred hosting platform.
/components: Contains reusable React components used throughout the application./pages: Contains Next.js pages for different routes of the application./public: Contains static assets such as images, icons, and other resources./styles: Contains global styles and CSS modules for styling components./utils: Contains utility functions or modules used across the application.
- Next.js: React framework for building server-rendered applications.
- Sanity CMS: Headless CMS for managing and delivering content.
Contributions to JordanPorter.Dev are welcome! If you have any suggestions, feature requests, or bug reports, please feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.