Home

[{"id":37,"date":"2023-06-22T22:27:08","date_gmt":"2023-06-22T22:27:08","guid":{"rendered":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/?p=37"},"modified":"2023-06-22T22:28:07","modified_gmt":"2023-06-22T22:28:07","slug":"%e3%83%8f%e3%83%ad%e3%83%bc%e3%83%bb%e3%83%af%e3%83%bc%e3%83%ab%e3%83%89","status":"publish","type":"post","link":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/2023/06/22/%e3%83%8f%e3%83%ad%e3%83%bc%e3%83%bb%e3%83%af%e3%83%bc%e3%83%ab%e3%83%89/","title":{"rendered":"ハロー・ワールド"},"content":{"rendered":"\n

ワードプレスへようこそ。これがあなたの最初の投稿です。編集または削除してから書き始めてください！

\n","protected":false},"excerpt":{"rendered":"

ワードプレスへようこそ。これがあなたの最初の投稿です。編集または削除してから書き始めてください！

\n","protected":false},"author":1,"featured_media":39,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/37"}],"collection":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts"}],"about":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/comments?post=37"}],"version-history":[{"count":1,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/37/revisions"}],"predecessor-version":[{"id":38,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/37/revisions/38"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media/39"}],"wp:attachment":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media?parent=37"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/categories?post=37"},{"taxonomy":"post_tag","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/tags?post=37"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}},{"id":21,"date":"2023-06-22T20:23:08","date_gmt":"2023-06-22T20:23:08","guid":{"rendered":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/?p=21"},"modified":"2023-06-22T22:19:59","modified_gmt":"2023-06-22T22:19:59","slug":"shifter-headless-next-js-starter-template","status":"publish","type":"post","link":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/2023/06/22/shifter-headless-next-js-starter-template/","title":{"rendered":"Shifter Headless Next JS Starter Template"},"content":{"rendered":"\n

\n\n\n\n

\n\n\n\n

Features

\n\n\n\n

Built with Next.js: A powerful and flexible React framework for building modern web applications.
TypeScript: Type checking and improved developer experience.
Headless WordPress: Utilize WordPress as a headless CMS to manage content.
Shifter: Seamless integration with Shifter, a serverless WordPress hosting and deployment platform.
Scalable architecture: Easily scale your website as your content grows and traffic increases.

\n\n\n\n

Getting Started

\n\n\n\n

To get started with the Shifter Headless Next JS Starter Template, follow these steps:

\n\n\n\n

Clone or download the template from the GitHub repository.
Install the dependencies by running npm install or yarn install.
Rename the .env.example file to .env and update the WORDPRESS_URL variable with your WordPress site’s API URL.
Start the development server with npm run dev or yarn dev.
Open your browser and visit http://localhost:3000 to see the website in action.

\n\n\n\n

Configuration

\n\n\n\n

The following configuration options are available in the .env file:

\n\n\n\n

WORDPRESS_URL: The URL of your headless WordPress site’s API endpoint.

\n\n\n\n

Usage

\n\n\n\n

The Shifter Headless Next JS Starter Template provides a set of convenient commands that you can use to develop, build, and deploy your Next.js website or application. Here’s a breakdown of the available commands:

\n\n\n\n

\"scripts\": {\n  \"dev\": \"next dev\",\n\n\n \"build\": \"next build\",\n  \"start\": \"npx serve@latest out\"\n}

\n\n\n\n

dev: This command starts the Next.js development server, enabling hot module reloading for automatic updates in the browser as you make changes to your website or application. Use the following command to run the development server:
build: The build command compiles your Next.js website or application into an optimized and production-ready bundle. It performs various optimizations, such as code minification and static file generation. To build your website or application, run the following command:
start: The start command serves the compiled Next.js website or application using the serve package. It serves the content from the out directory created during the build process. This command is useful when you want to preview your production-ready website or application locally. To start the server, run the following command:

\n\n\n\n

Feel free to use and modify these commands to fit your specific requirements. They provide a convenient way to manage the development and deployment lifecycle of your Next.js website or application based on the Shifter Headless Next JS Starter Template.

\n\n\n\n

Please note that the npm commands mentioned above can be replaced with yarn if you prefer using Yarn as your package manager.

\n\n\n\n

Contributing

\n\n\n\n

Contributions are welcome! If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request on the GitHub repository.

\n\n\n\n

License

\n\n\n\n

This project is licensed under the MIT License. Feel free to use and modify it to suit your needs.

\n","protected":false},"excerpt":{"rendered":"

This is a starter template for building headless WordPress websites using Next.js and Shifter. It provides a solid foundation for creating fast, scalable, and SEO-friendly websites with a decoupled frontend and WordPress as a headless CMS. Features Getting Started To get started with the Shifter Headless Next JS Starter Template, follow these steps: Configuration The […]

\n","protected":false},"author":1,"featured_media":33,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4],"tags":[6,7,5,8],"_links":{"self":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/21"}],"collection":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts"}],"about":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/comments?post=21"}],"version-history":[{"count":4,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/21/revisions"}],"predecessor-version":[{"id":29,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/21/revisions/29"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media/33"}],"wp:attachment":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media?parent=21"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/categories?post=21"},{"taxonomy":"post_tag","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/tags?post=21"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}},{"id":19,"date":"2023-06-21T22:26:46","date_gmt":"2023-06-21T22:26:46","guid":{"rendered":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/?p=19"},"modified":"2023-06-22T22:26:36","modified_gmt":"2023-06-22T22:26:36","slug":"hola-mundo","status":"publish","type":"post","link":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/2023/06/21/hola-mundo/","title":{"rendered":"Hola Mundo"},"content":{"rendered":"\n

Bienvenido a WordPress. Este es tu primer mensaje. Edítalo o bórralo, ¡y empieza a escribir!

\n","protected":false},"excerpt":{"rendered":"

Bienvenido a WordPress. Este es tu primer mensaje. Edítalo o bórralo, ¡y empieza a escribir!

\n","protected":false},"author":1,"featured_media":34,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/19"}],"collection":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts"}],"about":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/comments?post=19"}],"version-history":[{"count":2,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/19/revisions"}],"predecessor-version":[{"id":36,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/19/revisions/36"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media/34"}],"wp:attachment":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media?parent=19"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/categories?post=19"},{"taxonomy":"post_tag","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/tags?post=19"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}},{"id":1,"date":"2022-08-01T13:35:55","date_gmt":"2022-08-01T13:35:55","guid":{"rendered":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/?p=1"},"modified":"2023-06-22T22:22:04","modified_gmt":"2023-06-22T22:22:04","slug":"hello-world","status":"publish","type":"post","link":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/2022/08/01/hello-world/","title":{"rendered":"Hello world!"},"content":{"rendered":"\n

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

\n","protected":false},"excerpt":{"rendered":"

Welcome to WordPress. This is your first post. Edit or delete it, then start writing!

\n","protected":false},"author":1,"featured_media":35,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/1"}],"collection":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts"}],"about":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/types/post"}],"author":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/users/1"}],"replies":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/comments?post=1"}],"version-history":[{"count":1,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/1/revisions"}],"predecessor-version":[{"id":27,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/posts/1/revisions/27"}],"wp:featuredmedia":[{"embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media/35"}],"wp:attachment":[{"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/media?parent=1"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/categories?post=1"},{"taxonomy":"post_tag","embeddable":true,"href":"https://974010bd4396daf076e2033678f31ee329f9e603.hl-a.getshifter.co/wp-json/wp/v2/tags?post=1"}],"curies":[{"name":"wp","href":"https://api.w.org/{rel}","templated":true}]}}]

This is the project's home page. There is a little styling for demonstration purposes only.

The navigation might as well be a sidebar, or a floating menu. This template provides the structure, make it yours ✌️

Download on github