Welcome to NextBird-front 👋

SNS app front build with Next.js, Redux, Redux-saga

🏠 Homepage

Stacks

💻 MODERN FRONTEND STACKS

• React.js(Hooks): https://reactjs.org/
• TypeScript(tsx): https://www.typescriptlang.org/
• styled-components(CSS in JS): https://styled-components.com/
• Ant Design(CSS Framework): https://ant.design/
• Next.js(Static Site Generator, Server Side Rendering): https://nextjs.org/
• Redux(State Management): https://redux.js.org/
• Redux-Saga(Redux Middleware for asynchronous processing): https://redux-saga.js.org/
• immer(immutable state by mutating the current one): https://immerjs.github.io/immer/docs/introduction
• react-helmet(manage all of your changes to the document head): https://github.com/nfl/react-helmet
• Express(Frontend nodejs server for Dynamic Routing): https://expressjs.com/

Backend

CONNECT TO BACKEND SERVER IN AWS EC2, ROUTES53

• NextBird-back: https://github.com/Kang-Yuchan/NextBird-back

TODO

• Image upload with multer
• Image slide
• Post like & like cancle
• Retweet
• Follow & Unfollow
• Remove post
• Edit id
• Server Side Rendering
• Pagination
• More view button
• Infinite scrolling
• Throttling
• immer
• SEO with react-helmet
• Performance optimization
• Locale EN/JP/KR
• Type error fix

Install

npm install

Usage

npm run dev
or
yarn dev

Author

👤 Kang-Yuchan

• Website: https://kang-yuchan.github.io/portfolio_2020/
• Twitter: @chakotama2
• Github: @Kang-Yuchan

Show your support

Give a ⭐️ if this project helped you!