https://github.com/imarjunshrma/nextjs-blog
This repositry contains a blog website with next.js 13.4, sanity ,typescript and tailwind css.
https://github.com/imarjunshrma/nextjs-blog
cms headless nextjs nextjs-13-project nextjs-13-typescript react reactjs real-time realtime sanity-io sanity-nextjs13
Last synced: 2 months ago
JSON representation
This repositry contains a blog website with next.js 13.4, sanity ,typescript and tailwind css.
- Host: GitHub
- URL: https://github.com/imarjunshrma/nextjs-blog
- Owner: imarjunshrma
- Created: 2023-07-01T16:29:34.000Z (almost 2 years ago)
- Default Branch: typescript
- Last Pushed: 2023-10-01T18:05:20.000Z (over 1 year ago)
- Last Synced: 2023-10-01T21:17:40.700Z (over 1 year ago)
- Topics: cms, headless, nextjs, nextjs-13-project, nextjs-13-typescript, react, reactjs, real-time, realtime, sanity-io, sanity-nextjs13
- Language: TypeScript
- Homepage: https://nextjs-blog-imarjunshrma.vercel.app
- Size: 3.36 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js Website with Sanity
Welcome to the Next.js Website with Sanity repository! This project showcases a dynamic and SEO-friendly website built using Next.js, Tailwind CSS, and TypeScript, with content management powered by Sanity, a headless CMS.
## Features
- **Next.js**: Utilize the power of Next.js, a popular React framework, for server-side rendering, static site generation, and client-side rendering.
- **Tailwind CSS**: Create a modern and responsive user interface using Tailwind CSS, a utility-first CSS framework.
- **TypeScript**: Benefit from the type safety and enhanced tooling provided by TypeScript.
- **Sanity**: Integrate Sanity, a headless CMS, to easily manage and update website content.
## Getting Started
To get started with this project, follow the steps below:
1. **Clone the repository**: Start by cloning this repository to your local machine using `git clone https://github.com/imarjunshrma/nextjs-sanity-website`.
2. **Install dependencies**: Navigate to the project directory and install the necessary dependencies by running `npm install` or `yarn install`.
3. **Set up Sanity**: Sign up for a Sanity account and set up a new project. Configure the project credentials in the appropriate files to enable content management.
4. **Start the development server**: Launch the development server with hot-reloading by running `npm run dev` or `yarn dev`. This will start the Next.js development server and you can access the website at `http://localhost:3000`.
5. **Build and deploy**: When you're ready to deploy the website, use the command `npm run build` or `yarn build` to generate an optimized production build. Deploy the built files to your preferred hosting provider.
For detailed information on customization, configuration, and deployment, refer to the project documentation.
## Contributing
Contributions to this project are always welcome! If you find a bug or have suggestions for improvement, please open an issue or submit a pull request. Follow the guidelines provided in the CONTRIBUTING.md file.
## License
This project is licensed under the [MIT License](LICENSE). Feel free to use and modify the codebase for your own projects.
---
We hope you find this project helpful and enjoy working with Next.js, Tailwind CSS, TypeScript, and Sanity! If you have any questions, feel free to reach out or refer to the documentation for further guidance. Happy coding!