gatsby-starter-minimal-blog VS rick-and-morty-api-site

I think this article is misleading. Gatsby 4 wasn't available in July yet and the article itself explains updating my starter: https://github.com/LekoArts/gatsby-starter-minimal-blog

on my perfectionism - I haven't found a theme that would match my expectations and that it would be flexible enough to edit it to my taste. I have tried to start with minimal-blog (I struggled a bit with customization) and then with novela (I wanted something more simple and performant - maybe their memoir theme would be better, but in time of writing this post, it is not yet released).

The Rick and Morty API: This one is a very interesting API with all the Rick & Morty sitcom character data. You can also apply filter, search and pagination functionality while consuming this API. Here is a very good project for beginners to learn react using this API.

/app/routes/index.tsx export const loader: LoaderFunction = async () => { const fetchData = await fetch('https://rickandmortyapi.com/api/character/'); const response = await fetchData.json(); const data = response.results; return data; };

I recently found the Rick and Morty API and realized it is exactly the kind of thing i need to use for a project. My issue though is that instead of having a dully fleshed out API from the start, I want to give "logged in" users the ability to update their own information in a similar API, which I can then serve out. What is the best way to let users update such a thing? The API will be called from multiple different websites that currently host their own independent DB with similar information.

I'm making an API just like the Rick and Morty one, just a different show, and that guy used MDX.

import "./styles.css"; import {useState} from 'react'; import axios from 'axios'; export default function App() { // state that controlled the input value const [query, setQuery] = useState("") // state that hold API data const [suggestion, setSuggestion] = useState([]) const getLocations = () =>{ axios.get(`https://rickandmortyapi.com/api/location/?name=${query}`) //only add the data with the list of locations to the suggestion array .then(data => setSuggestion(data.data?.results)) .catch((err) => { //handle error when user types location that doesn’t exist from API if (err.response && err.response.status === 404) { setSuggestion(null) console.clear() } }) } return ( {setQuery(e.target.value); getLocations()}} list='locations' /> { query.length > 0 && // required to avoid the dropdown list to display the locations fetched before suggestion?.map((el, index) => { //make sure to only display locations that matches query if(el.name.toLowerCase().includes(query)){ return } return ''; }) } Search ); }

I currently have a Node.js web server that serves JSON data deployed on Heroku, but I also want a front-end where it has a landing page and explains what endpoints there are (basically documentation I guess), etc. (My end goal is to have something like the Rick and Morty API)

Hey. I used the Rick and Morty API to create Memorty. Hope you'll enjoy it.

useEffect(() => { const fetchData = async () => { try { const {data} = await axios.get(`https://rickandmortyapi.com/api/character/?name=${query}`) setCharacters(data.results) } catch (error) { console.error(error) } } fetchData() }, [query])

Looks like it was made with Gatsby , github page for the site is at https://github.com/afuh/rick-and-morty-api-site Author even included a link to personal site https://axelfuhrmann.com/