Title: JAMStackPress
Author: jamstackpress
Published: <strong>28 Tháng 4, 2021</strong>
Last modified: 26 Tháng 7, 2022

---

Tìm kiếm plugin

Plugin này **chưa được cập nhật với 3 phiên bản mới nhất của WordPress**. Nó có 
thể không được hỗ trợ và bảo trì, và có thể xung đột với các phiên bản WordPress
mới nhất.

![](https://ps.w.org/jamstackpress/assets/icon.svg?rev=2523479)

# JAMStackPress

 Bởi [jamstackpress](https://profiles.wordpress.org/jamstackpress/)

[Tải về](https://downloads.wordpress.org/plugin/jamstackpress.0.1.3.zip)

 * [Chi tiết](https://vi.wordpress.org/plugins/jamstackpress/#description)
 * [Đánh giá](https://vi.wordpress.org/plugins/jamstackpress/#reviews)
 * [Nhà phát triển](https://vi.wordpress.org/plugins/jamstackpress/#developers)

 [Hỗ trợ](https://wordpress.org/support/plugin/jamstackpress/)

## Mô tả

JAMStackPress – Power-up you WordPress backend

This plugin extends the WP-JSON API by adding a new useful set of fields to the 
WP-JSON API response, this new set of fields will make your front-end development
easier. JAMStackPress also applies some optional filters
 to the content in order
to make it front-end ready (no need to make replacements or ad image width and height
attrs at front-end level). Finally we also adds to more endpoints to the WP-JSON
API (contact form and sitemap) very useful! We think about the possible scenarios
of development for your static website, so in other words, we’ll try to make your
life easier, so that you only think about developing your decoupled front-end.

### Extra fields (jamstackpress object)

We include some extra fields that can be activated in the plugins administration
page, that will make your front-end development easier:

 * Human readable date field (uses the locale defined in your WordPress panel):
   `"
   readable_date": "March 26, 2018"`
 * Post’s full slug and front-end link respecting your WordPress permalinks selection:
   `"
   routes": { "slug": "/category/post-title/", "front_link": "https://frontenddomain.
   com/category/post-title/" }
 * Featured image URLs one for every size:
 * `"featured_image": {
    "thumbnail": "http://example.com/wp-content/uploads/2022/
   07/thumbnail-150x150.jpg", "medium": "http://example.com/wp-content/uploads/2022/
   07/medium-300x200.jpg", "medium_large": "http://example.com/wp-content/uploads/
   2022/07/medium-large-768x512.jpg" "large": "http://example.com/wp-content/uploads/
   2022/07/large-1024x683.jpg" }
 * SEO tags Title and Description – Compatible With Yoast and RankMath plugins:
   `"
   seo": { "title": "Post Title", "description": "Post SEO description" }

### Extra endpoints

JAMStackPress includes 2 optional endpoints, always with the porpoise in mind of
making your front end development tasks much more easier

**/jamstackpress/v1/contact**
 This endpoint acts as a contact form back-end resource.
Will save a jp_contact custom post and send an email on every success submission.

How to use it:

 1. Enable the custom **contact form endpoint** in the options panel.
 2. Fill and save the rest of the options related to the contact endpoint: **Contact
    email**, **Contact Fail Message**, **Contact Success Message** and **reCaptcha 
    Secret Key** (google reCaptcha V3).
 3. Send a request to the custom contact form endpoint, here is an example of a call
    to the contact form endpoint using js fetch()
 4. `fetch('https://example.com/wp-json/jamstackpress/v1/contact?',{
     method: 'POST',
    headers: { 'Accept': 'application/json', 'Content-Type': 'application/json' }, 
    body: JSON.stringify({ name: 'Name', email: 'example@example.com', subject: 'Contact
    Subject', message: 'Body of the contact form message', recaptach_token: 'xxxxxxxxxxx'})})

**/jamstackpress/v1/sitemap**
 This endpoint will return a full list of posts and
categories slugs, here is a sample of returned list: `["/sapiente/eveniet-velit-
et-aut-est-et-inventore/","/sapiente/aliquid-aut-ut-eius-excepturi-magni/","/nulla-
molestias/eius-ratione-mollitia-aliquam/","/uncategorized/aut-qui-repudiandae-nihil-
iste/","/uncategorized/test/","/aliquam/","/ipsa-ratione/","/nulla-molestias/","/
perferendis-modi/","/sapiente/","/uncategorized/","/unde-temporibus/","/ut-quo/"]`

### Content filters & Deploy tools

**Content filters**
 – Replace your WordPress base URL with the front-end URL defined
in the plugin settings. – Add image width and height attributes to every image placed
at the content. – Add _blank target to every external link at the content.

**Deploy tools**
 – Trigger front-end build: You can specify a build webhook url
for triggering a deployment in your front-end site, directly from your WordPress
back-end. This is specially useful to keep your front-end site always updated with
the latest content, without having to manually trigger a deploy.

## Ảnh màn hình

 * [[
 * Options panel.

## Đánh giá

![](https://secure.gravatar.com/avatar/8f4f5bd7847efbf7dd93c2bf9939447c7d2e8601b380520c51efa99a65afb8f9?
s=60&d=retro&r=g)

### 󠀁[Any sample](https://wordpress.org/support/topic/any-sample/)󠁿

 [pressport](https://profiles.wordpress.org/pressport/) 7 Tháng 2, 2023

Thank you! Interesting. But are there any examples of real Wordpress + ReactJS sites
that would work on independent hosting?

![](https://secure.gravatar.com/avatar/7141c44305a2d803e7163b38eab435027a41bcc70cbab34cdec87364580f15f3?
s=60&d=retro&r=g)

### 󠀁[Useful plugin to JAMstack + WordPress](https://wordpress.org/support/topic/useful-plugin-to-jamstack-wordpress/)󠁿

 [briandellawere](https://profiles.wordpress.org/briandellawere/) 5 Tháng 8, 2022

Great and much needed plugin, that makes front end development much easier if you
use Wordpress as your data back-end… Thanks!

 [ Đọc tất cả 2 đánh giá ](https://wordpress.org/support/plugin/jamstackpress/reviews/)

## Người đóng góp & Lập trình viên

“JAMStackPress” là mã nguồn mở. Những người sau đã đóng góp vào plugin này.

Những người đóng góp

 *   [ jamstackpress ](https://profiles.wordpress.org/jamstackpress/)
 *   [ santiagocajal ](https://profiles.wordpress.org/santiagocajal/)
 *   [ guilledutra ](https://profiles.wordpress.org/guilledutra/)

[Dịch “JAMStackPress” sang ngôn ngữ của bạn.](https://translate.wordpress.org/projects/wp-plugins/jamstackpress)

### Muốn tham gia phát triển?

[Duyệt code](https://plugins.trac.wordpress.org/browser/jamstackpress/), check out
[SVN repository](https://plugins.svn.wordpress.org/jamstackpress/), hoặc theo dõi
[nhật ký phát triển](https://plugins.trac.wordpress.org/log/jamstackpress/) qua 
[RSS](https://plugins.trac.wordpress.org/log/jamstackpress/?limit=100&mode=stop_on_copy&format=rss).

## Nhật ký thay đổi

#### 0.1.3

 * Fix plugin version
 * Update changelog order

#### 0.1.2

 * Fix internal GitHub deployment

#### 0.1.1

 * Fix dependencies missing

#### 0.1.0

 * Major changes (see readme)
 * The plugin now extends the WP-JSON API

#### 0.0.5

 * Fix version number

#### 0.0.4

 * Fix endpoint response not being formatted correctly.

#### 0.0.3

 * Fix previous release version issues.
 * Update screenshots and url placeholders.

#### 0.0.2

 * Add plugin assets dir.

#### 0.0.1

 * First version.

## Meta

 *  Phiên bản **0.1.3**
 *  Cập nhật lần cuối **4 năm trước**
 *  Số lượt cài đặt **Ít hơn 10**
 *  Phiên bản WordPress ** 5.7.1 hoặc cao hơn **
 *  Đã kiểm tra lên đến **6.0.12**
 *  Phiên bản PHP ** 7.4 hoặc cao hơn **
 *  Ngôn ngữ
 * [English (US)](https://wordpress.org/plugins/jamstackpress/)
 * Thẻ
 * [headless](https://vi.wordpress.org/plugins/tags/headless/)[jamstack](https://vi.wordpress.org/plugins/tags/jamstack/)
   [pwa](https://vi.wordpress.org/plugins/tags/pwa/)[spa](https://vi.wordpress.org/plugins/tags/spa/)
   [static](https://vi.wordpress.org/plugins/tags/static/)
 *  [Nâng cao](https://vi.wordpress.org/plugins/jamstackpress/advanced/)

## Đánh giá

 5 trên 5 sao.

 *  [  2 5-star reviews     ](https://wordpress.org/support/plugin/jamstackpress/reviews/?filter=5)
 *  [  0 4-star reviews     ](https://wordpress.org/support/plugin/jamstackpress/reviews/?filter=4)
 *  [  0 3-star reviews     ](https://wordpress.org/support/plugin/jamstackpress/reviews/?filter=3)
 *  [  0 2-star reviews     ](https://wordpress.org/support/plugin/jamstackpress/reviews/?filter=2)
 *  [  0 1-star reviews     ](https://wordpress.org/support/plugin/jamstackpress/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/jamstackpress/reviews/#new-post)

[Xem tất cả đánh giá](https://wordpress.org/support/plugin/jamstackpress/reviews/)

## Những người đóng góp

 *   [ jamstackpress ](https://profiles.wordpress.org/jamstackpress/)
 *   [ santiagocajal ](https://profiles.wordpress.org/santiagocajal/)
 *   [ guilledutra ](https://profiles.wordpress.org/guilledutra/)

## Hỗ trợ

Có điều gì muốn nói? cần giúp đỡ?

 [Xem diễn đàn hỗ trợ](https://wordpress.org/support/plugin/jamstackpress/)