Home
>
Software Development
>
How to Build a Serverless, SEO-Friendly React Blog – InApps Technology 2022

March 29, 2022 by Phu Nguyen

How to Build a Serverless, SEO-Friendly React Blog – InApps Technology 2022

Main Contents:

How to Build a Serverless, SEO-Friendly React Blog – InApps Technology is an article under the topic Software Development Many of you are most interested in today !! Today, let’s InApps.net learn How to Build a Serverless, SEO-Friendly React Blog – InApps Technology in today’s post !

Read more about How to Build a Serverless, SEO-Friendly React Blog – InApps Technology at Wikipedia

You can find content about How to Build a Serverless, SEO-Friendly React Blog – InApps Technology from the Wikipedia website

import React, { Component } from ‘react’;

import { Link } from ‘react-router’

import Butter from ‘buttercms’

const butter = Butter(‘de55d3f93789d4c5c26fb07445b680e8bca843bd’);

class BlogHome extends Component {

constructor(props) {

super(props);

this.state = {

loaded: false

};

}

fetchPosts(page) {

butter.post.list({page: page, page_size: 10}).then((resp) => {

this.setState({

loaded: true,

resp: resp.data

})

});

}

componentWillMount() {

let page = this.props.params.page || 1;

this.fetchPosts(page)

}

componentWillReceiveProps(nextProps) {

this.setState({loaded: false});

let page = nextProps.params.page || 1;

this.fetchPosts(page)

}

render() {

if (this.state.loaded) {

const { next_page, previous_page } = this.state.resp.meta;

return (

<div>

{this.state.resp.data.map((post) => {

return (

<Link to={`/post/${post.slug}`}>{post.title}</Link>

</div>

)

})}

<br />

<div>

{previous_page && <Link to={`/p/${previous_page}`}>Prev</Link>}

{next_page && <Link to={`/p/${next_page}`}>Next</Link>}

</div>

);

} else {

return (

<div>

Loading...

</div>

)

}

export default BlogHome;

Source: InApps.net

Rate this post

Phu Nguyen

As a Senior Tech Enthusiast, I bring a decade of experience to the realm of tech writing, blending deep industry knowledge with a passion for storytelling. With expertise in software development to emerging tech trends like AI and IoT—my articles not only inform but also inspire. My journey in tech writing has been marked by a commitment to accuracy, clarity, and engaging storytelling, making me a trusted voice in the tech community.