正确的 API 调用和服务器端数据存储 - Blazor

Question

我试图学习大餐的同时，将我的一些想法带来生活，因为我认为最好的学习方法是练习。我想为CCG（收藏纸牌游戏）构建一张纸牌查看器，并且我偶然发现了一个障碍，希望有人可以帮助我:)，

因为我不想自己存储卡数据库，我正在使用第三方来源下载所需的信息 - 我之后的存储空间有问题。 我制作了一个服务器端控制器，以获取上述DB（在与我自己的类分类以过滤一些未经书面的数据之后）。我想实现的是所有卡的列表和onclick，以获取有关特定信息的信息。

我的控制器看起来像这样：

[Route("[controller]")]
[ApiController]
public class CardController : ControllerBase
{
    private List<Card> Cards = new();

    [HttpGet("{id}")]
    public ActionResult Get(int id)
    {
        var card = Cards.Find(o => o.Id == id);

        if (card != null)
        {
            return Ok(card);
        }

        return NotFound("Card not found");
    }

    [HttpGet("List")]
    public ActionResult List()
    {
        return Ok(Cards);
    }

    [HttpGet("GetAllCards")]
    public async Task<List<Card>> GetAllCards()
    {
        if (Cards.Count() == 0)
        {
            Cards = await GetAllCardsPro();
        }

        return Cards;
    }
    public async Task<List<Card>> GetAllCardsPro()
    {
        var client = new HttpClient();

        HttpResponseMessage response = await client.GetAsync("https://db.ygoprodeck.com/api/v7/cardinfo.php");
        response.EnsureSuccessStatusCode();
        string responseBody = await response.Content.ReadAsStringAsync();
        YgoProMap.Rootobject obj = JsonConvert.DeserializeObject<YgoProMap.Rootobject>(responseBody);

        if (obj != null)
        {
            foreach (var card in obj.data)
            {
                Cards.Add(new Card
                {
                    Id = card.id,
                    Name = card.name,
                    Type = card.type,
                    Desc = card.desc,
                    Atk = card.atk,
                    Def = card.def,
                    Level = card.level,
                    Race = card.race,
                    Attribute = card.attribute,
                    Archetype = card.archetype,
                    Linkval = card.linkval,
                    Scale = card.scale,
                    Images = new string[] { card.card_images.First().image_url, card.card_images.First().image_url_small }
                });
            }
        }

        return Cards;
    }
}

当我尝试致电 get（id）获取该特定卡的信息时，就会发生问题，并且总是返回404。如果我用手动填充卡列表。新卡（某些数据）我能够获取一张特定卡的信息。因此，我假设在致电该第三方API卡后，它只会将值传递给客户端，一旦服务器上的null剩余空。

因此，我的第一个问题是如何存储从第三方API获取的数据以使其之后可以访问？应该在服务器启动中使用每日刷新吗？例如，是否可以像JSON文件一样存储它？

我的第二个问题是关于最佳实践性能明智之举，因为目前我将整个卡列表传递给客户端（约有10,000个对象）。最好通过一个只存储 card的单独数组。名称 and card.id 将其绑定到UI list/table，之后onclick onclick fet fetch提取该特定的特定卡的完整数据？还是有10,000个对象并不是什么大不了的，我应该通过整个列表并执行所有特定的卡操作客户端？

很抱歉完成这么长时间，但我试图尽可能具体：D