Keystone + Next js Routing 설정

Keystone 이 Routing 하지 않고 Next가 하게 하려면

1.

kestone.js 를

require('dotenv').config();

const next = require('next');

const dev = process.env.NODE_ENV !== 'production';

const app = next({ dev });

var keystone = require('keystone');

keystone.init({

    'name': 'keystone_next_react',

    'brand': 'keystone_next_react',

    'auto update': true,

    'session': true,

    'auth': true,

    'user model': 'User',

});

keystone.import('models');

app.prepare()

    .then(() => {

        keystone.set('locals', {

            _: require('lodash'),

            env: keystone.get('env'),

            utils: keystone.utils,

            editable: keystone.content.editable,

        });

        

        keystone.set('routes', require('./routes')(app));

        

        keystone.set('nav', {

            posts: ['posts', 'post-categories'],

            users: 'users',

        });

        

        keystone.start();

    })

이렇게 바꾼다.

keystone.set('routes', require('./routes')(app));

이부분이 keytone의 라우팅을 next가 하게 해주는 부분이다.

next가 라우팅을 하게 하려면

프로젝트의 root 에서 pages 폴더를 만들어 그 안에 보여줄 화면들을 만든다.