doctypeadventures

所属分类:建站系统
开发工具:TypeScript
文件大小:869KB
下载次数:0
上传日期:2023-02-08 22:07:36
上 传 者sh-1993
说明:  用React 18RC编写的博客和新闻内容管理系统,具有Typescript和MUI5。它使用Wordpress API作为cont...
(Blog and news content management system written in React 18RC with Typescript and MUI5. It uses Wordpress API as content delivery network, Netlify for hosting and automatic deployment and Git and Github for version control and as repository container.)

文件列表:
.deepsource.toml (103, 2023-02-09)
.eslintrc (131, 2023-02-09)
.vscode (0, 2023-02-09)
.vscode\settings.json (39, 2023-02-09)
LICENSE (1074, 2023-02-09)
package.json (1307, 2023-02-09)
public (0, 2023-02-09)
public\_redirects (23, 2023-02-09)
public\favicon.ico (166985, 2023-02-09)
public\index.html (2728, 2023-02-09)
public\index.jpg (121774, 2023-02-09)
public\logo192.png (46866, 2023-02-09)
public\logo512.png (311627, 2023-02-09)
public\manifest.json (306, 2023-02-09)
public\robots.txt (67, 2023-02-09)
src (0, 2023-02-09)
src\App.test.tsx (273, 2023-02-09)
src\App.tsx (1702, 2023-02-09)
src\assets (0, 2023-02-09)
src\assets\images (0, 2023-02-09)
src\assets\images\backgrounds (0, 2023-02-09)
src\assets\images\backgrounds\background01.jpg (48371, 2023-02-09)
src\assets\images\backgrounds\background02.jpg (44793, 2023-02-09)
src\assets\images\image-placeholder.svg (1323, 2023-02-09)
src\assets\images\logo-doctype-circle.jpg (5861, 2023-02-09)
src\assets\images\logo-doctype-text.png (6548, 2023-02-09)
src\assets\styles (0, 2023-02-09)
src\assets\styles\css (0, 2023-02-09)
src\assets\styles\css\global.css (1335, 2023-02-09)
src\assets\styles\elements.ts (1565, 2023-02-09)
src\assets\styles\error.ts (390, 2023-02-09)
src\assets\styles\footer.ts (1099, 2023-02-09)
src\assets\styles\header.ts (1058, 2023-02-09)
src\assets\styles\hero.ts (1474, 2023-02-09)
src\assets\styles\layout.ts (323, 2023-02-09)
src\assets\styles\main.ts (329, 2023-02-09)
src\assets\styles\navigation.ts (665, 2023-02-09)
... ...

[!DOCTYPE Adventures](https://doctypeadventures.netlify.com) by Vladimir Jankovic Blog and news content management system written in React 18RC powered with Typescript and MUI 5. It uses Wordpress API for content delivery, Netlify for hosting and automatic deployment and Git and Github for version control and as repository container. !DOCTYPE Adventures blog CMS is free to use (under MIT license) and feature: - Mobile first & fluid design, adapts to all devices and screen sizes - Full SEO optimization - Dark and light theme hot-switching - Social sharing integration (Facebook and Twitter) - Facebook comments plugin for individual posts integration - Searchable content - Lighting fast pagination - Complete support for categories and tags - Pre-loaders and skeletons for everything that loads :) - Error and Not-found pages - Support for many different text types in posts You can check it out live at https://doctypeadventures.netlify.app This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app) with Typescript support: `yarn create react-app doctypeadventures --template typescript` It is written in Typescript powered by React (version 18RC, late December 2021.) with functional components and hooks (useContext + useReducer for global store management), Typescript, React-router 6 for routing and react-helmet-async for meta tags and SEO optimization. It uses MUI 5 graphical library. ## Dependencies and installation 1. React 18RC `yarn add react@rc react-dom@rc` 2. React router 6 https://reactrouter.com/ `yarn add react-router-dom@6` 3. MUI 5 https://mui.com/ `yarn add @mui/material @emotion/react @emotion/styled` `yarn add @mui/icons-material` 4. React-helmet-async 1.2.2 https://www.npmjs.com/package/react-helmet-async `yarn add html-react-parser` 5. Html-react-parser 1.4.4 https://www.npmjs.com/package/html-react-parser `yarn add react-helmet-async` ## Prevent Node version error If your build is failing due to the Node version error (error containing text: `The engine “node” is incompatible with this module. Expected version “>=....`), just update your Netlify environment variables with: NODE_VERSION = current(expected) Node version ## Prevent 404 error on serverless hosting If you are on serverless hosting, you must add \_redirects file in public folder with content: /\* /index.html 200 to prevent 404 error ## Wordpress API This app gets it's blog content from [Wordpress API](https://developer.wordpress.org/rest-api/) which means that you must host Wordpress installation somewhere. The free plan on Wordpress.com website will NOT do the trick because of (in the time of writing) the obsolete api version used. ## Copyright Information MIT License Copyright (c) 2021 Vladimir Jankovic Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

近期下载者

相关文件


收藏者