NextJs Typescript Starter-Kit

Before Starting

• System Requirements
• Global Packages
• Installation
• Development
• Production
• Project Structure

System Requirements

• NodeJS
• [Yarn]
• Npm

Global Packages

• sass - $ gem install sass
• scss_lint - $ gem install scss_lint

Included Packages

• Mobx - State Management
• Next - Server Side Rendering
• Axios - HTTP Client usage

Installation

$ git clone [email protected]:agursoyy/NextJs-Typescript-Starter-Kit.git
$ cd NextJs-Typescript-Starter-Kit
$ npm install

VSCode Settings!

To set up VsCode Settings,

$ you should use settings.json.

Development

Next'in sunuma başlaması ve değişiklikleri takip etmesi için, you should start the application on development server with the following comment

$ npm run dev

Project will start on the http://localhost:3000 url.

Production

$ npm run build
$ npm run start

Project Structure

• app - body of the kit
  • components - _components which will be used on the pages__
    • .tsx,.scss,.text,index.ts files belonging to a component.
  • pages - _nextjs pages__
  • styles - Sass, görsel ve font dosyaları için ayrılmış alan
    • fonts - _Font files
    • images - İmaj dosyaları
    • sass - Sass dosyaları
      • bootstrap - Bootstrap files
      • components - styles of component files
      • mixins - sass mixins
      • overrides - to modify some bootstrap classes when required
      • variables - Global sass variables
  • static - _static files__
    • assets - _this directory will be generated by webpack__
• server - _custom server configurations__