This project offers a statically generated newspaper website that leverages Next.js for the frontend and Sanity.io for content management. The included Sanity Studio provides a native authoring experience with features like real-time collaboration, instant content previews, and easy editing.
Your newspaper site can connect to Sanity Content Lake, giving you hosted content APIs with a flexible query language, on-demand image transformations, powerful patching, and more. This project is perfect for starting a professional newspaper or media website.
- A high-performance static newspaper website with editable articles and sections
- A native and customizable authoring environment, accessible at
yournewspaperwebsite.com/studio
- Real-time and collaborative article editing with detailed revision history
- Instant content preview across your entire site
- Support for block content and advanced custom fields for media and content embedding
- Incremental Static Revalidation, allowing instant publishing of new content without a rebuild
- Free Sanity project with unlimited admin users, free content updates, and pay-as-you-go for API overages
- TypeScript and Tailwind.css integration for a developer-friendly experience
Newspaper Website | Studio |
---|---|
Use the Deploy Button below. It will let you deploy the starter using Vercel as well as connect it to your Sanity Content Lake using the Sanity Vercel Integration.
Clone the repository that was created for you on your GitHub account. Once cloned, run the following command from the project's root directory:
npx vercel link
Download the environment variables needed to connect Next.js and the Studio to your Sanity project:
npx vercel env pull
npm install && npm run dev
When you run this development server, the changes you make in your frontend and studio configuration will be applied live using hot reloading.
Your personal website should be up and running on http://localhost:3000! You can create and edit content on http://localhost:3000/studio.
To deploy your changes to production you use git:
git add .
git commit
git push
Alternatively, you can deploy without a git hosting provider using the Vercel CLI:
npx vercel --prod